Codice template 4

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title><$BlogTitle$></title>
<style type="text/css">

/*TEMPLATE 4

Author: Adele Zolea
Puoi contattarmi su: http://blografando.splinder.com oppure adelez@infinito.it
Per favore non rimuovete i CREDITS e non modificate il layout del template */

body {
background-image:url(http://www.adelebox.it/TemplateSplinder2/TemplateSpecchio/corpo5-1.jpg);
background-repeat:repeat-y;
}

a:link {
color: #003366;
text-decoration: none;
}

a:visited {
color: #003366;
text-decoration: none;
}

a:hover {
color: #33CCFF;
text-decoration: none;
}

#testa {
background-image:url(http://www.adelebox.it/TemplateSplinder2/TemplateSpecchio/testa5.jpg);
position:absolute;
left:200px;
top:31px;
width:800px;
height:500px;
z-index:1;
}

#colondx {
position:absolute;
left:818px;
top:537px;
width:160px;
height:488px;
z-index:3;
}
#lavagna {
text-align:center;
color: #666666;
position:absolute;
left:259px;
top:126px;
width:134px;
height:148px;
z-index:4;
}
#colonsn {
position:absolute;
left:0px;
top:537px;
width:160px;
height:506px;
z-index:5;
margin-left:200px;
}
#coloncentro {
position:absolute;
left:394px;
top:537px;
width:400px;
height:659px;
z-index:6;

}

.boxmenu {
text-align:center;
border:#6A717B dotted 1px;
margin-bottom: 10px;
padding-top: 2px;
padding-bottom: 10px;
padding-left: 3px;
padding-right: 3px;
margin-left:10px;
width: 150px;
}

.titolimenu {
background-image:url(http://www.adelebox.it/TemplateSplinder2/TemplateSpecchio/button.jpg);
color: #333333;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
height:20px;
padding-top:4px;

}

#navigation{
font-size:12px;
color:#333333;
text-align:center;
margin-left: 10px;
margin-top: 30px;
}

#titolo{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
text-align:center;
width:380px;
margin-top:40px;
margin-left:10px;
}

#contenuto{
width:390px;
margin-top:2px;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #6A717B;
padding-left:2px;
padding-top:2px;
margin-bottom: 20px;
padding-right: 2px;
margin-left: auto;
margin-right: auto;
}

#commenti{
width:330px;
margin-top:35px;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #A1B2C3;
font-size:10px;
padding:10px;
margin-left:15px;
}

#blog-pager {
color: #333333;
text-align: center;
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 2px;
margin-top:50px;
width:350px;
margin-left: 30px;

}

#titoloblog {
font-size:30px;
text-align:center;
color:#6A717B;
height: 50px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.testomenu {
color:#6A717B;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}

.testomenu1 {font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
font-size:10px;
}

.Stile2 {color: #666666}

</style>
</head>

<div id="colondx">
<div class="boxmenu">
<div class="titolimenu">Bottoni</div>
<p class="testomenu"><$BlogButtons$></p>
</div>

<div class="boxmenu">
<div class="titolimenu">Le mie frasi</div>
<p><marquee direction="up" scrollamount="2" class="testomenu">Qui puoi scrivere le tue frasi del cuore </marquee></p>
</div>

<div class="boxmenu">
<div class="titolimenu">Categorie</div>
<p class="testomenu"><$BlogCategories$> </p>
</div>

<div class="boxmenu">
<div class="titolimenu">Archivio</div>
<p class="testomenu"><$BlogArchive$> </p>
</div>

<div class="boxmenu">
<div class="titolimenu">Commenti recenti </div>
<p class="testomenu"><$BlogRecentComments$></p>
</div>

<div id="lavagna">
<marquee direction="up" scrollamount="2" vspace="20px" hspace="10px" align="middle" width="134px" height="148px">Scrivi qui i tuoi messaggi o il tuo benvenuto nel blog</marquee></div>

<div id="colonsn">
<div class="boxmenu">
<div class="titolimenu">Mi presento </div>
<p class="testomenu">Scrivi qui una breve descrizione di chi sei. </p>
</div>

<div class="boxmenu">
<div class="titolimenu">I miei banner </div>
<p class="testomenu">Inserisci il tuo bannerino 88x31px.<br /><textarea style="width:145px" >e qui il codice del banner</textarea></p>
</div>

<div class="boxmenu">
<div class="titolimenu">Messaggi</div>
<p class="testomenu">Inserisci qui la tua tag-board la cui larghezza non deve superare i 150px. </p>
</div>

<div class="boxmenu">
<div class="titolimenu">Rules</div>
<p class="testomenu">Esponi le regole del tuo Blog. </p>
</div>

<div class="boxmenu">
<div class="titolimenu">Banner amici </div>
<marquee scrollamount="2" class="testomenu">
<p>Inserisci i banner 88x31 dei tuoi affiliati</p>
</marquee>
</div>

<div class="boxmenu">
<div class="titolimenu">Contatore</div>
<p class="testomenu">Sono passati da qui <$BlogCounter$> amici </p>
</div>

<div class="boxmenu">
<div class="titolimenu">Grazie per il voto </div>
<p class="testomenu">Inserisci il banner 88x31 per farti votare nelle top. </p>
</div>

<div class="boxmenu">
<div class="titolimenu">Credits</div>
<p class="testomenu">Template e Layout by <a href="http://blografando.splinder.com" target="_blank">Blografando</a>& <a href="http://www.adelebox.it/Blografando/" target="_blank">BW</a><br />
Blog host by <a href="http://www.splinder.com/" target="_blank">Splinde </a>Immagine header <a href="http://www.wallcoo.com/" target="_blank">walcoo</a> <a href="http://photobucket.com/" target="_blank">Photobuchet</a></p>
</div>
</div>

<div id="commenti">
<span class="Stile2">Postato</span> <$BlogDateHeaderDate$><span class="Stile2"> alle ore </span><$BlogItemDateTime$><br />
<span class="Stile2">da </span><$BlogItemAuthor$><br />
<span class="Stile2">i vostri pensieri </span><$BlogItemComments$><br />
<span class="Stile2">in</span> <$BlogItemCategories$>
<p></p>
</div>
</Blogger>

</div>
</body>
</html>