Szablon 3

<html>
<head>
<title>...</title>
<script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
<script>function changeNavigation(id) {document.getElementById('default').innerHTML=document.getElementById(id).innerHTML}</script>


<style type="text/css">
#navbar-iframe { display: none; }
#qTip { background: rgba(186, 149, 159, 0.7); padding: 2px 4px; color: #FFF; display: none; font-family: courier new; text-transform: uppercase; z-index: 1000; position: absolute; }
body { background: #fbfbfb; font-family: arial, sans-serif; font-size: 10px; color: #555; cursor: default; }
::moz-selection { background: #555; color: #FFF; }
::selection { background: #555; color: #fff; }
blockquote { border-top: 1px solid rgba(186, 149, 159, 0.5); border-bottom: 1px solid rgba(186, 149, 159, 0.5); padding: 5px; font-family: georgia; font-style: italic; letter-spacing: 1px; }
i { font-family: georgia; color: #AAA; }
b { padding: 1px 3px; background: #95BAB0; color: #FFF; font-family: courier new; text-transform: uppercase; }
li { list-style-image: url(http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/3.gif); }
li:hover { list-style-image: url(http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/1.gif); }
.blogger-labels { font-family: georgia; text-transform: lowercase; font-style: italic; background: rgba(149, 186, 176, 0.1); padding: 4px 6px; color: rgba(149, 186, 176, 0); font-size: 0px; text-align: center; }
.blogger-labels a { font-size: 10px; margin: 0 4px; }
.blogger-labels a:before { content: '#'; }
a { color: #95BAB0; text-decoration: none; }
a:hover { text-decoration: underline; color: #BA959F; }
#centered { margin: 20 auto; width: 800px; }
#container { width: 500px; position: absolute; margin-bottom: 10px; }
#entry { margin-bottom: 20px; background: #FFF; padding: 10px; }
#entry img { margin-bottom: 4px; }
.entrytitle { font-family: times new roman; font-size: 20px; text-transform: lowercase; font-style: italic; font-weight: bold; text-decoration: none!important; color: #95BAB0; }
.entrytitle a:hover { text-decoration: none; }
.date { padding: 1px; font-family: courier new; text-transform: uppercase; font-size: 10px; border-top: #F5F5F5 1px solid; border-bottom: 1px solid #F5F5F5; margin-bottom: 5px; margin-top: -5px; }
.date a:hover { text-decoration: none; }
.pages { margin-bottom: 10px; }
.pages a { padding: 5px 7px; background: #FFF; }
.pages a:hover { text-decoration: none; }

#sidebar { margin-left: 520px; top: 50px; width: 240px; position: fixed; }
img.sideimg { z-index: -1; margin-bottom: -20px; width: 240px; opacity: .8; position: relative; }
.naviboard { background: rgba(255,255,255,1); opacity: 1; filter: alpha(opacity=100); padding: 5px; z-index: 9999; position: relative; margin-bottom: 5px; text-align: center; }
.navi { padding: 0px 10px; margin-top: 2px; }
.blurb { background: #fff; padding: 7px; z-index: 9999; position: relative; }
.networks { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #f5f5f5; }
.networks a { font-family: courier new; font-size: 12px; letter-spacing: -1px; color: #BA959F; padding: 0px 3px; }
.networks a:hover { text-decoration: none; color: rgba(186, 149, 159, 0.6); padding: 0px 3px; }
</style></head><body>
<div id="centered">
<div id="sidebar"><img class="sideimg" src="http://media.tumblr.com/tumblr_m2rin0vJDS1qfamg6.png">


<!--NAVIGATIONS--!>
<div class="naviboard">
<a href="/index.html" title="główna"><span class="navi"><img src="http://4.bp.blogspot.com/-iZXefUB1zW8/T6TyDjEIjoI/AAAAAAAABf4/yj7crA-WESs/s1600/1335651555_home.gif"></span></a>
<a href="/o-mnie.html" title="profil"><span class="navi"><img src="http://4.bp.blogspot.com/-9NpfETnaUQ0/T6TyG-zc4mI/AAAAAAAABgU/OamaHUVheN8/s1600/1335651577_edit.gif"></span></a>
<a title="archiwum"><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('archiwum').innerHTML"><img src="http://2.bp.blogspot.com/-wmMZ5SdRqYA/T6TyOb60FyI/AAAAAAAABhk/MdwK1tvqwbk/s1600/1335651651_calday.gif"></span></a>
<a title="linki"><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('linki').innerHTML"><img src="http://1.bp.blogspot.com/-b88RXBMiS88/T6TyHkFohII/AAAAAAAABgc/A9gNaDjM_vs/s1600/1335651580_heart.gif"></span></a>
<a title="szablon"><span class="navi" onclick="document.getElementById('main').innerHTML=document.getElementById('szablon').innerHTML"><img src="http://2.bp.blogspot.com/-GQB_Q6HQjXc/T4_WHClkBVI/AAAAAAAABGs/IaIyytX_MhA/s1600/computer.png"></span></a>

<a href="http://joliment.ownlog.com" target="_blank" title="więcej!"><span class="navi"><img src="http://4.bp.blogspot.com/-hIskjEMWJ64/T6TyISkhCaI/AAAAAAAABgk/0YXarIan3mQ/s1600/1335651583_add.gif"></span></a>
</div>
<!---END NAVIGATIONS--!>

<!---THE REAL SIDEBAR--!>
<div id="main">
</div>


<div id="archiwum" style="display: none">
<div class="blurb">
{archiwum}
</div></div>

<div id="linki" style="display: none">
<div class="blurb">
<div class="networks">
<center><a href="http://tumblr.com" target="_blank">tumblr</a> <a href="http://twitter.com" target="_blank">twitter</a></center>
</div>
<a href="/" target="_blank">link</a> <a href="/">link</a> <a href="/" target="_blank">link</a> <a href="/">link</a> <a href="/">link</a> <a href="/" target="_blank">link</a> <a href="/">link</a> <a href="/">link</a>
</div></div>

<div id="szablon" style="display: none">
<div class="blurb">
Szablon wykonany przez <a title="joli" href="http://joliment.ownlog.com" target="_blank">Joliment</a>, obrazki stąd <a href="http://tumblr.com">tumblr</a> <a href="http://fourteenroses.tumblr.com" target="_blank">xxx</a>
</div></div></div>

<!--END THE REAL SIDEBAR--!>


<div id="container">
<MTEntries lastn="7"><div id="entry">
<BlogItemTitle><div class="entrytitle">{tytul}</div><div class="date"> {data} @ {komentarze}</div></BlogItemTitle>
<BlogItemBody>{blog}</BlogItemBody>
</div></MTEntries>

<div class="pages"><OlderPosts>{poprzednia_strona}</OlderPosts><NewerPosts><span style="float: right;">{nastepna_strona}</span></NewerPosts></div>
</div>
</div>
</body>
</html>