About

Wystarczył melancholijny nastrój i to jedno zdjęcie aby natchnąć mnie do zrobienia czegoś nowego. Prezentuję twór, który jest mi bardzo bliski, ze względu na tekst, jaki jest motywem przewodnim szablonu. Projekt długo czekał na dokończenie, ale nareszcie jest i mam nadzieję, że będzie Wam dobrze służył.

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

Aby chcesz, aby nagłówki wyglądały tak samo jak tu, w kodzie html 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>i just need mote time</title>
<style>
body {
    background: url('http://img.blogowicz.info/zycie/more_time/back.jpg') repeat-x #333333;
	font-family: trebuchet ms;
	font-color: #959595;
	margin-top: 0px;
	margin-left: 0px;
	line-height: 16px;
	font-size: 13px;
}

.container {
	width: 892px;
	margin: 0;
	padding-top: 435px;
	background: url('http://img.blogowicz.info/zycie/more_time/top.jpg') no-repeat #333333;
}

.notki {
width: 892px;
margin: 0;
}

.text {
	margin-top: 0px;
}

.left {
	text-align: left;
	padding-left:2px;
	width: 710px;
	float: left;
	color: #959595;
	margin-top: 0px;
	margin-left: 1px;
}

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

.footer {
	clear: both;
	height: 10px;
	text-align:center;
	color: #aca9a3;
	margin: 0;
	background: #333333;
}

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

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

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

h1 {
    letter-spacing: 2pt;
    font-size: 20px;
    font-style: normal;
    font-weight: bold;
    color: #e7dbc0;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: left;
    padding: 0px;
    font-variant: small-caps;
    font-family: times new roman;
	line-height: 30px;
}

h2 {
    letter-spacing: 2pt;
    font-size: 17px;
    font-style: normal;
    font-weight: bold;
    color: #aca9a3;
    font-family: times new roman;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    text-align: right;
    padding: 5px;
line-height: 25px;
}

input {
border: 1px solid #f7e7cd;
background: transparent;
width: 100px;
font-family: trebuchet ms;
font-size:11px;
color:#d8d3ca;
padding: 1px;
}

button {
border: 1px solid #f7e7cd;
background: transparent;
width: 100px;
font-family: trebuchet ms;
font-size:11px;
color:#d8d3ca;
padding: 1px;
}

textarea {
border: 1px solid #f7e7cd;
background: transparent;
width: 200px;
height: 90px;
font-family: trebuchet ms;
font-size:11px;
color:#d8d3ca;
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>Strona</H2>
<a href="../">Strona główna</a><br>
<a HREF="/o-mnie.html">O mnie</A>
<h2>Odwiedzam</H2>
{linki}
<h2>Archiwum</H2>
{archiwum}
</div>
</div>
<div class="footer"><br><Br><Br><br>
<center>Szablon wykonany przez <a HREF="http://www.joanna.nieczaj.com" target="_blank">Aasiek</A> dla <A HREF="http://szablony.blogowicz.info/" target="_blank" title="szablony na bloga">Szablony</A>.Blogowicz.Info. Zdjęcie pobrane <A HREF="http://community.livejournal.com/foto_decadent" target="_blank">stąd</A>. Wszelkie prawa zastrzeżone!
<br> Wspierane przez: <a HREF="http://blogowicz.info" target="_blank" title="blog o blogach">Blog</A> & <a HREF="http://forum.blogowicz.info" target="_blank" title="instrukcje na bloga">pomoc blogowa</A> 
</center>
</div>
</div></div>
</BODY>
</HTML>

Strona

Strona główna
O mnie

Odwiedzam

{linki}

Archiwum

{archiwum}