About

Film był poruszający i piękny. Natknęłam się na to, znajome wszystkim kinomaniakom, zdjęcie i postanowiłam zrobić z niego użytek. Przy pięknym akompaniamencie sountracku z filmu The Notebook powstał ten oto szablon. Mam nadzieję, że przypadnie Wam do gustu i będziecie wraz z nim tworzyć własną piękną historię :)

Regulamin

1. Szablon jest moją własnością, zdjęcia należą do ich autorów!
2. Zabrania się usuwania lub edytowania podpisu.
3. Nie zmieniaj niczego w kodzie HTML. Wszystko tworzy spójną całość i jakiekolwiek edycje mogą go po prostu zepsuć.
4. Jedynymi dozwolonymi zmianami są małe poprawki w stylu CSS.
5. Jeżeli masz jakiekolwiek wątpliwości - pisz.

Instrukcje

Jeżeli chcesz, aby nagłówki wyglądały tak samo jak tu, w kodzie html pojedynczego wpisu wklej
<h1>{tytul}</h1>

Pobierz szablon

Pamiętaj, aby dostosować kod do swojego serwisu blogowego! Zwróć uwagę na linki i zmienne.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Language" content="pl">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" >
<title>No matter what they say</title>
<style>
body {
	font-family: tahoma;
	font-color: #67606a;
	line-height: 16px;
	font-size: 13px;
	margin: auto;
	background: url('http://img.blogowicz.info/ludzie/the_notebook/tlo.jpg') repeat-x #463930;
}

.container {
	width: 809px;
	margin: auto;
	background: #ffcfd4;
	background: url('http://img.blogowicz.info/ludzie/the_notebook/tlo_notek.jpg') repeat-y;
	margin-bottom: 0px;

}

.notki {
width: 809px;
padding-top: 0px;
background: url('http://img.blogowicz.info/ludzie/the_notebook/obrazek.jpg') no-repeat;
}

.text {
	padding-top: 542px;
}

.left {
	text-align: left;
	padding-left:10px;
	width: 600px;
	float: left;
	color: #463930;
	margin-top: 0px;
}

.right {
	padding-left: 2px;
	padding-right: 10px;
	width: 170px;
	float: right;
    margin-top: 0px;
	color: #463930;
	text-align: right;
}

.footer {
	clear: both;
	height: 78px;
	text-align:center;
	color: #000000;
	font-size: 11px;
	margin: auto;
	background: url('http://img.blogowicz.info/ludzie/the_notebook/footer.jpg') no-repeat #ffcfd4;
}

A:link { 
    text-decoration: none; 
    color: #008fb8; 
    letter-spacing:2px; 
    font-weight: normal;
}

A:visited { 
    text-decoration: none; 
    color: #008fb8; 
    letter-spacing:2px; 
    font-weight: normal;
}

A:hover {
    text-decoration: none; 
    color: #00c6fe; 
    letter-spacing:2px; 
    font-weight: normal;
}

h1 {
    letter-spacing: 2pt;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    color: #915e4e;
    text-align: left;
    padding: 0px;
	font-variant: small-caps;
    font-family: Times New Roman;
	line-height: 15px;
}

h2 {
    height: 25px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	color: #aa7260;
	font-weight: bold;
	font-size: 16px;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-align: right;
	font-family: Times New Roman;

}

input {
border: 1px solid #4b988a;
background: transparent;
width: 100px;
font-family: tahoma;
font-size:11px;
color:#000000;
padding: 1px;
}

button {
border: 1px solid #4b988a;
background: transparent;
width: 100px;
font-family: tahoma;
font-size:11px;
color:#000000;
padding: 1px;
}

textarea {
border: 1px solid #4b988a;
background: transparent;
width: 200px;
height: 90px;
font-family: tahoma;
font-size:11px;
color:#000000;
padding: 1px;
margin-top: 5px;
margin-bottom: 5px;
}

</style>
</HEAD>
<BODY>
<div class="container">
<div class="notki">
<div class="text">
<div class="left">
{blog}

</div>
<div class="right">
<h2>Menu</H2>
<a href="http://">Strona główna</a><br>
<a HREF="http://">O mnie</A>

<h2>O mnie</H2>
Jeżeli Twój serwis blogowy nie obsługuje strony 'o mnie', to właśnie tutaj możesz zamieścić informację o sobie lub Twoim blogu. W innym przypadku możesz śmiało skasować to podmenu.

<h2>Linki</H2>
{linki}
<h2>Archiwum</H2>
{archiwum}
</div>
</div>
<div class="footer">
Szablon wykonany przez <a HREF="http://www.aislinn.yoyo.pl" target="_blank">Asię</A> dla <A HREF="http://szablony.blogowicz.info/" target="_blank">Szablony</A>.Blogowicz.Info.<br>
Credits: <a HREF="http://www.newline.com/properties/notebookthe.html" target="_blank" rel="noffolow">The Notebook</A><br>
Wszelkie prawa zastrzeżone! Wspierane przez <a HREF="http://blogowicz.info" target="_blank" title="blog o blogach">Blog</A> & <a HREF="http://forum.blogowicz.info" target="_blank" title="pomoc blogowa">instrukcje na bloga</A>
</div>
</div></div>
</BODY>
</HTML>

O mnie

Jeżeli Twój serwis blogowy nie obsługuje strony 'o mnie', to właśnie tutaj możesz zamieścić informację o sobie lub Twoim blogu. W innym przypadku możesz śmiało skasować to podmenu.

Linki

{linki}

Archiwum

{archiwum}