Feels like heaven!

Info

Szablon dla ceniących sobie minimalizm. Ponadto layout ten jest dla mniej więcej zorientowanych w kodzie HTML gdyż sporo rzeczy trzeba ustawiać ręcznie. Na przykład linki u góry i na dole, archiwum na dole, trzeba wpisać adres księgi gości.

Regulamin

Grafikę oraz kod HTML wykonałam ja, dlatego szablon należy do mnie.
Nie usuwaj podpisu.
Nie zmieniaj niczego w grafice i kodzie HTML.
Jeśli chcesz możesz zmienić wielkość czcionki lub wprowadzić inne nieznaczne zmiany w stylu CSS.
Możesz zmieniać nazwy działów.
Jeśli masz jakieś wątpliwości dotyczące szablonu napisz do mnie.

Avatary

Kliknij na wybrany avatar, a następnie zapisz go na swoim dysku.

Instrukcja obsługi

Jeśli chcesz aby nagłówek (lub temat czy data) na Twoim blogu wyglądał tak, jak jak zaprezentowane na szablonie to wklej do odpowiedniego edytora HTML na swoim serwisie blogowym następujący kod:


<h2>tekst</h2>

Archiwum

2008 01 02 03 04 05 06 07 08 09 10 11 12 2009 01 02 03 04 05 06

Linki

link link link link link link link link link link link link link link link link link link link link link link link link link link

Kod HTML

<!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=windows-1250" />

<title>Feels like in heaven! {ksywa}'s blog</title>

<style>

body {background: #ebecf1;
margin: 0px;
padding: 0px;
font-family: georgia, verdana;
font-size: 10px;
letter-spacing: 1pt;
line-height: 20px;
color: #717171;}

a:link, a:visited {
color: #a0a3bf;
text-decoration: none;}

a:hover {
color: #0c8bc8;
text-decoration: none;
border-bottom: 1px dashed #e0bff4;}

h2 {
font-size: 11px;
line-height: 20px;
margin: 0px;
padding-left: 10px;
font-weight: bold;
color: #b5bbe0;
letter-spacing: 3pt;
border-left: 10px solid #e4e5e8;}

h2 a:link, h2 a:visited {
font-size: 11px;
line-height: 20px;
margin: 0px;
padding-left: 10px;
font-weight: bold;
color: #b5bbe0;
letter-spacing: 3pt;
border-left: 10px solid #e4e5e8;}

h2 a:hover {
color: #b5bbe0;
border-bottom: 0px;}

#container {
width: 515px;
margin: auto;
background: #f6f6f6;}

#logo {
background: url(http://img.blogowicz.info/inne/feels_like_heaven/pic.jpg) no-repeat;
height:476px;
margin:0;}

#notki {
width: 509px;
padding-left: 3px;
margin-top: 3px;
float: left;
text-align: justify;}

#stopka {
clear: both;
padding: 20px;
text-align: center;}

.linki {
padding-top: 439px;
text-align: center;}

.linki a:link, .linki a:visited {
color: #7c86b5;
padding-left: 6px;
padding-right: 6px;}

.linki a:hover {
background: #ebeef5;
border: 0px;}

.menu {
margin-top: -2px;
text-align: center;}

.menu a:link, .menu a:visited {
color: #ff928a;
padding-left: 6px;
padding-right: 6px;}

.menu a:hover {
background: #f8f9fb;
font-weight: bold;
border: 0px;}

textarea {
width: 300px;
height: 100px;
border: 0;
background: #e5e5e5;
margin-top: 3px;
font-family: georgia;
font-size: 10px;
letter-spacing: 1pt;
color: #717171}

input {
border: 0;
background: #e5e5e5;
margin-top: 3px;
font-family: georgia;
font-size: 10px;
letter-spacing: 1pt;
color: #717171;}

code {
background: #e1e8ff;
font-family: courier new;
font-size: 11px;}

</style>

</head>

<body>

</div>

<a href="tu wpisz adres Twojej księgi gości">księga</a> <a href="/o-mnie.html">o mnie</a> <a href="#1">archiwum</a> <a href="#2">linki</a>

</div>

{blog}<br /><br />

<h2><a name="1">Archiwum</a></h2>

{archiwum}

<h2><a name="2">Linki</a></h2>

{linki}

</div>

Szablon wykonała: <a href="http://inez.blogowicz.info" target="_blank">Inez</a>, pobrano z <a href="http://szablony.blogowicz.info" title="szablony na bloga">Szablony</a>.blogowicz.info<br />
Wspierane przez: <a href="http://blogowicz.info" title="blog o blogach">Blog</a> & <a href="http://forum.blogowicz.info" title="pomoc blogowa">instrukcje na bloga</a>.

</div>

</div>
<iframe frameborder='0' src='http://szablony.blogowicz.info/stat.html' width='1' height='1'></iframe>
</body>
</html>