2 colonne 3

Questi template sono per Splinder, sono ottimizzati per qualsiasi risoluzione e sono testati con Explorer e Mozilla.

Se hai qualche problema con i codici o altro scrivimi una e-mail

=== IMPORTANTE LEGGERE CON ATTENZIONE: ===
PUOI modificare le sezioni (o categorie) del blog e le gif inserite (se presenti).
NON PUOI modificare i codici html principali, le immagini principali e la struttura del Blog.
NON togliere i Credits. Grazie

ANTEPRIMA

Titolo: rose rosse

Codice:

<br />   <br />   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />   <html xmlns="http://www.w3.org/1999/xhtml"><br />   <head><br />   <style> /* STILE DEL BLOG GENERICI<br />   ============================== */<br />   body{<br />   margin: 0;<br />   padding: 0;<br />   text-align: center;<br />   background: url(http://img525.imageshack.us/img525/7338/patternrossoebiancozd6.jpg);<br />   font-family: Arial, Helvetica, sans-serif;<br />   color:#000000;<br />   }<br />   #CONTENITORE {<br />   width: 855px;<br />   margin-top: 32;<br />   margin-right: auto;<br />   margin-bottom: 0;<br />   margin-left: auto;<br />   }<br />   #BOXMAIN {<br />   background-image: url(http://img410.imageshack.us/img410/6918/roserossebordirx2.jpg);<br />   margin: 0;<br />   padding: 0 0 0 28px;<br />   width: 831px;<br />   font-size: 12px;<br />   text-align:left;<br />   float:left;<br />   overflow: hidden;<br />   <br />   <br />   }<br />   #COLONNA {<br />   float:left;<br />   display:inline;<br />   text-align: right;<br />   overflow: hidden;<br />   width: 200px;<br />   font-family: Verdana;<br />   font-size: 10pt;<br />   padding: 5px;<br />   margin-top: 0;<br />   margin-right: 0;<br />   margin-bottom: 0;<br />   margin-left: 15px;<br />   }<br />   /* ---------------------------------<br />   STILE DEI LINK<br />   --------------------------------- */<br />   a:link{<br />   color: #993333;<br />   text-decoration: none;<br />   cursor: crosshair;<br />   } a:visited {<br />   color: #993333;<br />   text-decoration: none;<br />   cursor: crosshair;<br />   } a:hover{<br />   color: #993333;<br />   text-decoration: underline overline;<br />   cursor: crosshair;<br />   }/* ---------------------------------<br />   LIST STYLE<br />   --------------------------------- */ #COLONNA ul {<br />   list-style-type: disc;<br />   margin-top: 5px;<br />   margin-left: 20px;<br />   margin-bottom: 5px;<br />   padding-left: 2px;<br />   } #COLONNA li{<br />   background: transparent;<br />   padding: 0px;<br />   } ul {<br />   list-style-type: square;<br />   margin-top: 5px;<br />   margin-left: 30px;<br />   margin-bottom: 5px;<br />   padding-left: 2px;<br />   } li{<br />   background: transparent;<br />   padding: 0px;<br />   }<br />   dl, dt {<br />   margin: 2px;<br />   padding: 3px;<br />   }<br />  input,select{<br />   color:  #A9A9A9;<br />   font-size: 11px;<br />   }<br />   textarea{<br />   background-color: White;<br />   color:  #A9A9A9;<br />   font-size: 11px;<br />   }<br />   hr{<br />   color: Silver;<br />   background-color: Silver;<br />   height: 2px;<br />   } #blog {<br />   margin-bottom: 20px;<br />   width: 530px;<br />   float:left;<br />   display:inline;<br />   overflow: hidden;<br />   font-size: 12px;<br />   margin-top: 0;<br />   margin-right: 10;<br />   margin-left: 0;<br />   }<br />   .post {<br />   padding: 5px;<br />   width: 520px;<br />   margin-top: 0px;<br />   margin-right: 0px;<br />   margin-bottom: 30px;<br />   margin-left: 0px;<br />   }<br />   /* TESTATA<br />   ============================== */ #TESTATA {<br />   margin: 0;<br />   width: 855px;<br />   padding:0;<br />   height:300px;<br />   background: url(http://img256.imageshack.us/img256/3261/roserossemu6.jpg) no-repeat;<br />   font-family: "Georgia", Times, serif;<br />   }<br />   #titolo{<br />   padding-top: 50px;<br />   padding-right: 15px;<br />   padding-bottom: 10px;<br />   padding-left: 50px;<br />   font-family: Tahoma;<br />   }<br />   #titolo ,#titolo a{<br />   margin:0;<br />   font-size: 32px;<br />   font-weight: normal;<br />   color: #990000;<br />   text-transform: uppercase;<br />   text-decoration: none;<br />   font-family: Tahoma;<br />   }<br />  #blogdescription {<br />   font-size: 12pt;<br />   color: #FFFFFF;<br />   text-align: justify;<br />   font-family: "Comic Sans MS";<br />   padding-top: 55;<br />   padding-right: 200px;<br />   padding-bottom: 5px;<br />   padding-left: 200px;<br />   margin-top: 0;<br />   margin-right: 0;<br />   margin-bottom: 0;<br />   } .media-thumb{border:0px;}<br />  /* COLONNA<br />   =============================== */<br />   .boxmenu {<br />   font-size: 9pt;<br />   color: #000000;<br />   width: 100%;<br />   margin-top: 0;<br />   margin-right: 0;<br />   margin-bottom: 15px;<br />   margin-left: 0;<br />   font-family: Verdana;<br />   text-align: justify;<br />   padding: 0;<br />   border: thin dotted #993300;<br />   }<br />   h1 {<br />   color: #990000;<br />   font-size: 13px;<br />   margin-top: 0px;<br />   margin-right: 0;<br />   margin-bottom: 10;<br />   margin-left: 0;<br />   padding-top: 0px;<br />   padding-right: 10px;<br />   padding-bottom: 0px;<br />   padding-left: 10px;<br />   background-image: url(http://img525.imageshack.us/img525/7338/patternrossoebiancozd6.jpg);<br />   text-transform: capitalize;<br />   letter-spacing: 1px;<br />   text-align: center;<br />   }<br />   .boxmenu p {<br />   padding:3px} /* FOOTER<br />   ================================= */<br />   .footer {<br />   background: url(http://img261.imageshack.us/img261/5862/roserossefineba6.jpg);<br />   float:left;<br />   text-align:right;<br />   width: 855px;<br />   margin: 0px;<br />   padding: 0px;<br />   height: 310px; <br />   }<br />   .footer p {<br />   color: #000000;<br />   font-size: 10pt;<br />   margin: 0;<br />   position:relative;<br />   font-family: "Comic Sans MS";<br />   padding-top: 80px;<br />   padding-right: 280px;<br />   padding-bottom: 50px;<br />   padding-left: 10px;<br />   font-weight: bold;<br />   } /* POST<br />   ================================= */<br />   .boxiniziale {<br />   margin: 0;<br />   text-align: right;<br />   color: #333333;<br />   font-size:9pt;<br />   padding-top: 5px;<br />   padding-bottom: 5px;<br />   padding-left: 10px;<br />   font-family: "Comic Sans MS";<br />   }<br />   .itemtitle {<br />   padding: 5px;<br />   text-align: center;<br />   font-family: Arial, Helvetica, sans-serif;<br />   font-weight:bold;<br />   font-size: 15pt;<br />   text-transform: capitalize;<br />   color: #990000;<br />   margin: 2;<br />   letter-spacing: 3px;<br />   background-image: url(http://img525.imageshack.us/img525/7338/patternrossoebiancozd6.jpg);<br />   background-repeat: repeat;<br />   }<br />   .boxfinale {<br />   margin: 0;<br />   color: #666666;<br />   font-size: 8pt;<br />   /* Fix for IE6 disappearing float bug */<br />   height: 100%;<br />   border-bottom-width: 0px;<br />   border-bottom-style: solid;<br />   font-family: Verdana;<br />   text-align: right;<br />   padding-top: 0px;<br />   padding-right: 20px;<br />   padding-bottom: 10px;<br />   padding-left: 20px;<br />   }<br />   .read-more {<br />   margin: 4px 0;<br />   padding: 4px 8px;<br />   text-align: left;<br />   } .itempost{<br />   margin-bottom: 10px;<br />   overflow: hidden;<br />   color:  #000066;<br />   font-size:10pt;<br />   font-family: Verdana;<br />   padding-top: 20px;<br />   padding-right: 10px;<br />   padding-bottom: 20px;<br />   padding-left: 10px;<br />   text-align: justify;<br />   } /* COMMENTI<br />   ============================== */<br />   .comment {<br />   padding: 5px;<br />   background:transparent;<br />   /* Fix for IE6 disappearing float bug */<br />   height: 90%;<br />   margin: 3px;<br />   }<br />   .comment-body {<br />   margin: 0;<br />   padding: 0px;<br />   text-align: left;<br />   color:#000000;<br />   font-size: 9pt;<br />   font-family: Tahoma;<br />   } .comment-body textarea {<br />   } .comment-top {<br />   margin: 0;<br />   padding: 0px;<br />   text-align: right;<br />   border-bottom: none;<br />   background:transparent;<br />   color:  #3F3F7C;<br />   font-size: 6px;<br />   } .comment-bottom {<br />   margin: 0;<br />   padding: 0px;<br />   background:transparent;<br />   text-align: left;<br />   color: #000099;<br />   border-bottom-width: 1px;<br />   border-bottom-style: solid;<br />   border-bottom-color: #993333;<br />   } .comment-tips {<br />   background:transparent;<br />   text-align: left;<br />   color: #87B1BE;<br />   font-size: 9px;<br />   } .comment-form-title {<br />   padding: 0px;<br />   color: #336699;<br />   font-weight: bold;<br />   font-size: 11px;<br />   margin: 0;<br />   } .comment-form-user {<br />   padding: 3px;<br />   background:transparent ;<br />   text-align: left;<br />   color: #87B1BE;<br />   font-size: 10px;<br />   line-height: normal;<br />   }<br />   .comment-form-user input,select{<br />   background-color: #FFFFFF;<br />   border:1px inset  #A9A9A9;<br />   font-size: 11px;<br />   color: #A9A9A9;<br />   font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;<br />   }<br />   .form-submit {<br />   } /* NAVIGAZIONE<br />   ============================== */<br />   .navigation {<br />   color: #993333;<br />   margin-bottom: 6px;<br />   margin-top: 4px;<br />   padding: 4px;<br />   text-align: center;<br />   }<br />  .prev {<br />   float: left;<br />   text-align: left;<br />   width: 45%;<br />   } .next {<br />   float: right;<br />   text-align: right;<br />   width: 45%;<br />   } .home {<br />   text-align: center;<br />   } /* IMPAGINAZIONE ============================== */<br />   #blog-pager {<br />   padding-bottom: 30px;<br />   display: inline;<br />   color:  #333366;<br />   line-height: 1.2em;<br />   margin-top: 0;<br />   margin-right: 0;<br />   margin-bottom: 30px;<br />   margin-left: 5px;<br />   text-align: center;<br />   }   /* FOTO ALBUM<br />   ============================== */<br />   #album, #album a{<br />   font-size: 10px;<br />   }<br />  /* BORDERS<br />   ==============================*/ .cc-logo{<br />   border:0px;<br />   padding-bottom:1px;<br />   } .avatar{<br />   border:0px;<br />   } .media-info{<br />   border:0px;<br />   } p.blog-buttons a img {<br />   border: none;<br />   text-align: right;<br />   }<br />   .cc-small{<br />   border:0px;<br />   } .comment-bottom img.avatar {<br />   height: 24px;<br />   width: 24px;<br />   border: 1px solid black;<br />   }<br />   /* HACKS<br />   ============================= */<br />   .media-info{<br />   border:0px;<br />   /* Fix for IE6 disappearing float bug */<br />   height: 100%;<br />   }<br />  .blog-members {<br />   clear: both;<br />   margin: 0;<br />   padding: 0 0 3px 5px;<br />   font-size: 11px;<br />   text-align: right;<br />   } #recent-media {<br />   margin-left:8px;<br />   font-size:11px;<br />   float: right;<br />   text-align: right;<br />   }<br />   /* ---------------------------------<br />   STILE GENERALE<br />   --------------------------------- */<br />   p, td, tr, div {<br />   font-size: 10pt;<br />   margin: 2px;<br />   padding: 5px;<br />   }<br />   blockquote {<br />   font-style: italic;<br />   width: 85%;<br />   font-size: 10pt;<br />   }<br />   b, strong {<br />   font-weight: bold;<br />   color: #990000;<br />   }<br />   i, u {<br />   border-bottom-width: thin;<br />   border-bottom-style: solid;<br />   border-bottom-color: #990000;<br />   line-height: 150%;<br />   }<br />   </style><br />   <meta name="generator" content="HTML Tidy for tsWebEditor (www.tswebeditor.tk) (vers 1 July 2005), see www.w3.org"> <title><$BlogTitle$></title><br />   <meta name="Keywords" content="Splinder blog, blog, BLOG, blogs, weblog, web log, blog personale, diario, diario personale, diario on line, Splinder, creare un blog, blog tools, blog directory, crea un blog, free blog, blog template, blogger, e-journal, website personale, sito personale, pagina personale, homepage, home page, community blogging, community blog, community website, community, online journalism, on line journalism, publish, personal publishing"><br />   <meta name="Description" content="Questo e' il mio blog su Splinder. Blog: un web log. Un Sito web a meta strada tra un diario e un personal magazine. Crea il tuo blog gratis su Splinder."><br />   </head> <body><br />   <div id="CONTENITORE"> <br />   <br />   <div id="TESTATA"> <br />   <div id="titolo"><a href="/" title="link to home page"><$BlogTitle$></a></div> <br />   <div id="blogdescription"><br />   <$BlogDescription$><br />   </div><br />   </div><br />   <br />   <div id="BOXMAIN"><br />   <br />   <div id="blog"><br />   <div align="center"><br />   <$BlogPhotoAlbum$><br />   <Blogger><br />   <br />   <$BlogNavigation$> <br />   <br />   <div class="post"><br />   <br />   <div class="itemtitle"><$BlogItemTitle$></div><br />   <div class="boxiniziale"><br />   Ho svarionato alle ore <b><$BlogItemDateTime$></b> di <$BlogDateHeaderDate$><a name="<$BlogItemNumber$>"></a><br />   <br />   </div><br />   <div class="itempost"><br />   <$BlogItemBody$><br />   </div><br />   <div class="boxfinale"><br />   <br />   <$BlogItemCommentLink$> | <$BlogItemComments$> (popup)<br> <a title="permalink a questo post post" href="../x TEMPLATE FINALI/da controllare/flowers2/&lt;$BlogItemPermalink$&gt;">link permanente</a> a questo post <br /><br />   categorie: <$BlogItemCategories$>		</div><br />   <br />   <br />   <div align="left">  <$BlogItemCommentList$> </div><br />   </div></Blogger></div><br />   <br />   <br />   <br />   <div id="blog-pager"><br />   <$BlogPager$><br />   </div><br />   <br />   </div>  <br />     <div id="COLONNA"><br />  <br />   <div class="boxmenu"><br />   <h1>this blog</h1><br />   <p>parla del blog in <b>grassetto</b>, <u>sottolineato</u> e <i>corsivo</i></p><br />   </div><br /><br />   <div class="boxmenu"><br />   <h1>Data e ora </h1><br />   <p>metti qui ora e data</p><br />   </div><br /> <div class="boxmenu"><br />   <h1>io </h1><br />   <br />   <p><$BlogAboutMe$><br /><br />   testo testo testo testo testo testo testo testo testo testo testo testo testo</p><br />   </div><br /><br />   <div class="boxmenu"><br />   <h1>Amo </h1><br />   <br />   <p>testo testo testo testo testo testo testo testo testo testo testo testo testo</p><br />   </div><br /><br />   <div class="boxmenu"><br />   <h1>Odio </h1><br />   <br />   <p>testo testo testo testo testo testo testo testo testo testo testo testo testo</p><br />   </div><br /><br />   <div class="boxmenu"><br />   <br />   <h1>Altro </h1><br />   <p>Seguendo lo schema di questo blocco puoi<br />   inserirne quanti vuoi coi titoli che preferisci. <br />   Attenzione a non modificare i tag del blog cioè quelli come &lt;h1&gt;</p><br />   </div><br /><br />   <div class="boxmenu"><br />   <h1>Archivio </h1><br />   <p><$BlogArchive$></p><br />   </div><br /><br />   <div class="boxmenu"><br />   <h1>Passati di qui </h1><br />   <p><$BlogCounter$></p><br />   </div><br /><br />   <div class="boxmenu"><br />   <h1>Tagboard </h1><br />   <p>metti qui la tagboard<br />   se non sai dovre prenderla vai su http://cbox.ws/</p><br />   </div><br /><br />   <div class="boxmenu"><br />   <h1>Catalogando i miei pensieri </h1><br />   <p><$BlogCategories$></p><br />   </div><br /><br />   <div class="boxmenu"><br />   <br />   <h1>Archivio </h1><br />   <p><$BlogArchive$></p><br />   </div><br /><br />   <div class="boxmenu"><br />   <h1>Tutti i bottoni </h1><br />   <p align="center">	<$BlogButtons$><br /><br />   <$BlogFeeds$></p><br />   </div><br /><br />   <div class="boxmenu"><br />   <h1>Wishlist </h1><br />   <p>desiderio da esaudire<br />   <br />desiderio da esaudire<br />   <br />desiderio da esaudire<br />   </p><br />   <p><s>desiderio esaudito<br />   <br />desiderio esaudito<br />   <br />desiderio esaudito<br />   </s> </p><br />   </div><br /><br />   <div class="boxmenu"><br />   <h1>Commenti recenti </h1><br />   <p>					<$BlogRecentComments$></p><br />   </div><br /><br />   <div class="boxmenu"> <br />   <h1>La mia musica </h1><br />   <br />   <p>metti qui il codice del tuo player o l'elenco della musica che ti piace</p><br />   </div><br /><br />   <div class="boxmenu"><br />   <h1>Blog che leggo </h1><br />   <p><$BlogLinkOut$><BR><br />   <br />   <A href="http://www.....com/" target=_blank>Link</A><BR><br />   <A href="http://www.....com/" target=_blank>Link</A><BR></p><br />   </div><br /><br />   <br />   </div><br />  <br />    <br />   </div><br />    <br />   <div class="footer"><br />   <p>Template &copy; <a href="http://klakl85.splinder.com">klakli85</a>  <br /><br />   Immagine on <a href="http://imageshack.us/">ImageShack</a>  <br /><br />   <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a> <br />   per free host  <br /><br />   Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>] e da [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]</p><br />   </div><br />    <br />   </div><br />   </body><br />   </html>

Altro:
Neanche a dirlo è stato del mio blog anche questo.

Anteprima:

Titolo: E' difficile guardarsi negli occhi

Codice:

<!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>   /* ---------------------------------   STILE DEL BLOG   --------------------------------- */   body {   background-image: url(http://img515.imageshack.us/img515/6716/tramagiallahd9.jpg);   background-repeat: repeat;   font-family: Verdana, Helvetica, Arial, sans-serif;   text-align: center;   }   #CONTENITORE {   background-image: url(http://img511.imageshack.us/img511/213/keirair5.jpg);   background-repeat: no-repeat;   background-color: transparent;   padding: 0px;   width: 790px;   margin-right: auto;   margin-bottom: auto;   margin-left: auto;   top: 35px;   float: no;   height: 100%;    }   #COLONNA {   float: left;   width: 195px;   padding: 0px;   margin-top: 0px;   margin-right: 10px;   margin-bottom: 20px;   margin-left: 0px;   }   #CREDITS {   padding: 0px;   font-size: 0.7em;   text-align: center;   margin: 0px;   }   #FOOTER {   clear: both;    margin: 0px;   padding: 0px;   } /* ---------------------------------   STILE DELLA TESTATA   --------------------------------- */   #TESTATA {   border: 2px solid #fcf0d6;   margin-bottom: 10px;   background-repeat: no-repeat;   background-position: center top;   font-family: Tahoma;   width: 580px;   float: right;   margin-top: 490px;   background-color: #CC9966;   margin-right: 0px;   margin-left: 0px;   padding: 0px;   }   .titolo {   font-family: Tahoma;   font-size: 18pt;   color: #fcf0d6;   text-align: center;   margin: 3px;   padding: 2px;   text-transform: capitalize;   font-weight: bolder;   }   #BLOGDESCRIPTION {   font-family: Arial;   font-size: 10pt;   color: #fcf0d6;   text-align: justify;   margin: 5px;   background-position: center;   padding-top: 5px;   padding-bottom: 5px;   padding-left: 40px;   font-variant: small-caps;   padding-right: 20px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   .boxmenu {   margin-top: 10px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   padding: 0px;   text-align: justify;   }   h1{   color: #DC9A58;   text-align: right;   font-size: 12px;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   letter-spacing: 3px;   border-bottom-width: thin;   border-bottom-style: solid;   border-bottom-color: #DC9A58;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   h2 {   font-family: Arial;   font-size: 14pt;   color: #D17E2C;   text-align: center;   border-bottom-width: thin;   border-bottom-style: solid;   border-bottom-color: #D17E2C;   margin-bottom: -5px;   padding-bottom: -5px;   text-transform: capitalize;   }   .post {   padding: 5px;   width: 575px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   background-color: #fcf0d6;   }   .boxiniziale {   font-family: Arial, Helvetica, sans-serif;   font-size: 8pt;   color: #e0a56b;   text-align: left;   margin-bottom: 5px;   padding-bottom: 2px;   }   .itempost {   font-family: Tahoma;   font-size: 10pt;   color: #000000;   padding-top: 10px;   padding-right: 5px;   padding-bottom: 5px;   padding-left: 5px;   text-align: justify;   margin: 0px;   }   .boxfinale {   font-family: Arial, Helvetica, sans-serif;   font-size: 9pt;   color: #e0a56b;   text-align: center;   } #BOXMAIN {   float: right;   width: 575px;   margin: 0px;   padding: 5px;   }   /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{   color: #D17E2C;   margin: 15px 0px;   text-align: center;   font-size: 9pt;   text-decoration: none;   } .prev {   float: left;   text-align: left;   width: 45%;   } .next {   float: right;   text-align: right;   width: 45%;   } .home {   text-align: center;   } /* ---------------------------------   STILE COMMENTI   --------------------------------- */ .comment {   margin-top: 1em;   background:transparent;   width: 99%;   border-bottom: 1px solid #e0a56b;   } .comment-body {   color: #000000;   font-size: 10pt;   text-align: left;   padding: 5px;   } .comment-top {   border-bottom: 1px solid #e0a56b;   text-align: right;   margin-bottom: 5px;   padding: 0px 2px 15px 2px;   } .comment-bottom {   background: transparent;   text-align: left;   color: #990000;   margin: 0px;   } .comment-tips {   background: transparent;   text-align: left;   padding-left:0.5em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #0099FF;   }  .comment-form-title {   color: #8d5f47;   font-weight: bold;   font-size: 1.4em;    text-transform: capitalize;   text-align: left;   margin: 20px 0px;   }  .comment-form-user {   background:transparent ;   padding-left:0.5em;   padding-top: 0.3em;   text-align: left;   font-size: 0.75em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #000000;   line-height: 1.3em;   }    /* ---------------------------------   STILE FOTO E MEDIA RECENTI   --------------------------------- */ #recent-photos {   background: transparent;   text-align: center;   } #recent-photos img {   padding: 4px;   border: 0px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #recent-photos .album-link {   background: transparent;   font-size: 0.75em;   text-align: center;   text-decoration: none;   } #recent-photos .title {   font-size: 0.75em;   font-weight: bold;   padding-top: 10px;   text-align: center;   letter-spacing:2px;   color: #0A4183;   }  /* ---------------------------------   STILE BORDI   --------------------------------- */ .media-info {border:0px;} .cc-small {border: 0px;} .comment-bottom img.avatar {   height: auto;   width: auto;   border: 0px;   } .cc-logo {   border: 0px;   padding: 1px;   } .avatar{border:0px;} /* ---------------------------------   STILE MEDIA ALBUM   --------------------------------- */ #album {   background: transparent;   font-size: 0.75em;   text-decoration: none;   text-align: center;   } #album-link {vertical-align:top;} #album-link a:link {vertical-align:top;} #album img {   padding: 4px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #album td {   text-align: center;   vertical-align: top;   } #album table {   text-align: left;   vertical-align: top;   } #album .title {   font-size: 9px;   margin-top: 12px;   }   /* ---------------------------------   STILE DEI LINK   --------------------------------- */   a:link{   color: #D17E2C;   text-decoration: none;   } a:visited {   color: #D17E2C;   text-decoration: none;   } a:hover{   color: #fcf0d6;   background-color: #D17E2C;   cursor: crosshair;   }   /* ---------------------------------   LIST STYLE   --------------------------------- */ #COLONNA ul {   list-style-type: disc;   margin-top: 5px;   margin-left: 20px;   margin-bottom: 5px;   padding-left: 2px;   } #COLONNA li{   background: transparent;   padding: 0px;   } ul {   list-style-type: circle;   margin-top: 5px;   margin-left: 30px;   margin-bottom: 5px;   padding-left: 2px;   } li{   background: transparent;   padding: 0px;   }   /* ---------------------------------   STILE IMPAGINAZIONE    --------------------------------- */ #pager {   color: #D17E2C;   font-size: 10pt;   margin: 10px;   padding: 5px;   text-align: right;   line-height: 16px;   vertical-align: baseline;   background-position: center;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div {   font-size: 10pt;   margin: 2px;   padding: 3px;   }   b, strong {   font-weight: bolder;   color: #DC9A58;   }   u {   text-decoration: underline;   border-bottom-width: thin;   border-bottom-style: solid;   border-bottom-color: #DC9A58;   }   blockquote {   font-style: italic;   width: 85%;   }   </style>   </head> <body>     <div id="CONTENITORE" >    <div id="TESTATA">   <div class="titolo"><$BlogTitle$></div>   <div id="BLOGDESCRIPTION"><$BlogDescription$></div>   </div>        <div id="COLONNA">     <div class="boxmenu">   <h1>this blog</h1>   <p>parla del blog in <b>grassetto</b>, <u>sottolineato</u> e <i>corsivo</i></p>   </div><br />   <div class="boxmenu">   <h1>Data e ora </h1>   <p>metti qui ora e data</p>   </div><br /> <div class="boxmenu">   <h1>io </h1>      <p><$BlogAboutMe$><br />   testo testo testo testo testo testo testo testo testo testo testo testo testo</p>   </div><br />   <div class="boxmenu">   <h1>Amo </h1>      <p>testo testo testo testo testo testo testo testo testo testo testo testo testo</p>   </div><br />   <div class="boxmenu">   <h1>Odio </h1>      <p>testo testo testo testo testo testo testo testo testo testo testo testo testo</p>   </div><br />   <div class="boxmenu">      <h1>Altro </h1>   <p>Seguendo lo schema di questo blocco puoi   inserirne quanti vuoi coi titoli che preferisci.    Attenzione a non modificare i tag del blog cioè quelli come &lt;h1&gt;</p>   </div><br />   <div class="boxmenu">   <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Passati di qui </h1>   <p><$BlogCounter$></p>   </div><br />   <div class="boxmenu">   <h1>Tagboard </h1>   <p>metti qui la tagboard   se non sai dovre prenderla vai su http://cbox.ws/</p>   </div><br />   <div class="boxmenu">   <h1>Catalogando i miei pensieri </h1>   <p><$BlogCategories$></p>   </div><br />   <div class="boxmenu">      <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Tutti i bottoni </h1>   <p align="center">	<$BlogButtons$><br />   <$BlogFeeds$></p>   </div><br />   <div class="boxmenu">   <h1>Wishlist </h1>   <p>+ desiderio da esaudire   <br />+ desiderio da esaudire   <br />+ desiderio da esaudire   </p>   <p><s>- desiderio esaudito   <br />- desiderio esaudito   <br />- desiderio esaudito   </s> </p>   </div><br />   <div class="boxmenu">   <h1>Commenti recenti </h1>   <p>					<$BlogRecentComments$></p>   </div><br />   <div class="boxmenu">    <h1>La mia musica </h1>      <p>metti qui il codice del tuo player o l'elenco della musica che ti piace</p>   </div><br />   <div class="boxmenu">   <h1>Blog che leggo </h1>   <p><$BlogLinkOut$><BR>      <A href="http://www.....com/" target=_blank>Link</A><BR>   <A href="http://www.....com/" target=_blank>Link</A><BR></p>   </div><br />   <div class="boxmenu">   <h1>Credits</h1>   <p>Template &copy; <a href="http://klakl85.splinder.com">klakli85</a>  <br />   Immagine on <a href="http://imageshack.us/">ImageShack</a>  <br />   <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a>    per free host  <br />   Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>] e da [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]</p>   </div><br />      </div>            <div id="BOXMAIN">   <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post">  <h2><$BlogItemTitle$></h2> <div class="boxiniziale"> scritto da <b><$BlogItemAuthorNickname$></b>   <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>    alle <$BlogItemDateTime$>   </div> <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">   categoria: <$BlogItemCategories$> <br />    commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   <a href="<$BlogItemPermalink$>" title="permalink to this post">link permanente </a>    </div> </div>  </Blogger>        <div id="pager"><$BlogPager$></div> </div>   <div id="FOOTER">   <div id="CREDITS"></div>   </div>  </div>    </body>   </html>

Altro:
E' il mio attuale template. Ci tengo particolarmente.

Anteprima:

Titolo: pezzi di vita

Codice:

<!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>   /* ---------------------------------   STILE DEL BLOG   --------------------------------- */   body {   background-color: #f3c458;   font-family: Verdana, Helvetica, Arial, sans-serif;   text-align: center;   padding: 0px;   margin: 0px;   }   #CONTENITORE {   background-color: #f3c458;   padding: 0px;   width: 780px;   margin-top: 32px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   top: 32px;   }   #COLONNA {   float: right;   width: 250px;   margin: 0px;   padding: 0px;   }   #CREDITS {   padding: 5px 0px;   font-size: 0.7em;   color: #14757e;   text-align: center;   }   #FOOTER {   border: 2px solid #FF9933;   clear: both;    margin: 5px;   padding: 5px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   .boxmenu {   margin-top: 5px;   margin-right: 5px;   margin-bottom: 15px;   margin-left: 5px;   padding: 0px;   width: 210px;   text-align: justify;   color: #663366;   float: right;   }   .boxmenu2 {   margin-top: 5px;   margin-right: 5px;   margin-bottom: 15px;   margin-left: 5px;   padding: 0px;   width: 210px;   text-align: justify;   color: #14757e;   float: right;   } h1{   color: #FF3333;   text-align: center;   font-size: 12px;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   background-color: #FF9933;   letter-spacing: 3px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   h2 {   font-family: Arial;   font-size: 14pt;   color: #FF3333;   text-align: center;   text-transform: capitalize;   letter-spacing: 3px;   word-spacing: 5px;   margin: 0px;   padding: 0px;   }   .post {   padding: 5px;   width: 530px;   margin-top: 10px;   margin-right: 0px;   margin-bottom: 40px;   margin-left: 0px;   border-top-width: 2px;   border-right-width: 2px;   border-bottom-width: 3px;   border-left-width: 2px;   border-top-style: none;   border-right-style: dashed;   border-bottom-style: dashed;   border-left-style: dashed;   border-top-color: #FF9933;   border-right-color: #FF9933;   border-bottom-color: #FF9933;   border-left-color: #FF9933;   }   .boxiniziale {   font-family: Arial, Helvetica, sans-serif;   font-size: 8pt;   color: #14757e;   text-align: left;   margin-bottom: 5px;   padding-bottom: 2px;   }   .itempost {   font-family: Verdana;   font-size: 10pt;   color: #000000;   padding-top: 10px;   padding-right: 5px;   padding-bottom: 5px;   padding-left: 5px;   text-align: justify;   margin: 0px;   }   .boxfinale {   font-family: Arial, Helvetica, sans-serif;   font-size: 8pt;   color: #14757e;   text-align: center;   } #BOXMAIN {   float: left;   width: 520px;   background-image: url(http://img339.imageshack.us/img339/9669/pezzidivitayn8.jpg);   background-color: #f3c458;   background-repeat: no-repeat;   background-position: left top;   margin: 0px;   padding-top: 390px;   padding-right: 0px;   padding-bottom: 0px;   padding-left: 0px;   }   /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{   color: #000000;   margin: 15px 0px;   text-align: center;   font-size: 9pt;   text-decoration: none;   } .prev {   float: left;   text-align: left;   width: 45%;   } .next {   float: right;   text-align: right;   width: 45%;   } .home {   text-align: center;   } /* ---------------------------------   STILE COMMENTI   --------------------------------- */ .comment {   margin-top: 1em;   background:transparent;   width: 99%;   border-bottom: 1px solid #cccccc;   } .comment-body {   color: #000000;   font-size: 10pt;   text-align: left;   padding: 5px;   } .comment-top {   border-bottom: 1px solid #8d5f47;   text-align: right;   margin-bottom: 5px;   padding: 0px 2px 15px 2px;   } .comment-bottom {   background: transparent;   text-align: left;   color: #000099;   margin: 0px;   } .comment-tips {   background: transparent;   text-align: left;   padding-left:0.5em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #0099FF;   }  .comment-form-title {   color: #8d5f47;   font-weight: bold;   font-size: 1.4em;    text-transform: capitalize;   text-align: left;   margin: 20px 0px;   }  .comment-form-user {   background:transparent ;   padding-left:0.5em;   padding-top: 0.3em;   text-align: left;   font-size: 0.75em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #000000;   line-height: 1.3em;   }    /* ---------------------------------   STILE FOTO E MEDIA RECENTI   --------------------------------- */ #recent-photos {   background: transparent;   text-align: center;   } #recent-photos img {   padding: 4px;   border: 0px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #recent-photos .album-link {   background: transparent;   font-size: 0.75em;   text-align: center;   text-decoration: none;   } #recent-photos .title {   font-size: 0.75em;   font-weight: bold;   padding-top: 10px;   text-align: center;   letter-spacing:2px;   color: #0A4183;   }  /* ---------------------------------   STILE BORDI   --------------------------------- */ .media-info {border:0px;} .cc-small {border: 0px;} .comment-bottom img.avatar {   height: auto;   width: auto;   border: 0px;   } .cc-logo {   border: 0px;   padding: 1px;   } .avatar{border:0px;} /* ---------------------------------   STILE MEDIA ALBUM   --------------------------------- */ #album {   background: transparent;   font-size: 0.75em;   text-decoration: none;   text-align: center;   } #album-link {vertical-align:top;} #album-link a:link {vertical-align:top;} #album img {   padding: 4px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #album td {   text-align: center;   vertical-align: top;   } #album table {   text-align: left;   vertical-align: top;   } #album .title {   font-size: 9px;   margin-top: 12px;   }   /* ---------------------------------   STILE DEI LINK   --------------------------------- */   a:link{   color: #FF0000;   text-decoration: none;   } a:visited {   color: #FF0000;   text-decoration: none;   } a:hover{   color: #FF0000;   text-decoration: underline overline;   cursor: crosshair;   }   /* ---------------------------------   LIST STYLE   --------------------------------- */ #COLONNA ul {   list-style-type: disc;   margin-top: 5px;   margin-left: 20px;   margin-bottom: 5px;   padding-left: 2px;   } #COLONNA li{   background: transparent;   padding: 0px;   } ul {   list-style-type: circle;   margin-top: 5px;   margin-left: 30px;   margin-bottom: 5px;   padding-left: 2px;   } li{   background: transparent;   padding: 0px;   }   /* ---------------------------------   STILE IMPAGINAZIONE    --------------------------------- */ #pager {   color: #000000;   font-size: 10pt;   margin: 10px;   padding: 5px;   text-align: right;   line-height: 16px;   vertical-align: baseline;   background-position: center;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div {   font-size: 10pt;   margin: 2px;   padding: 3px;   }   blockquote {   font-style: italic;   width: 80%;   }   </style>   </head> <body>     <div id="CONTENITORE">   <div id="COLONNA">     <div class="boxmenu2">   <h1>Data e ora </h1>   <p>metti qui ora e data</p>   </div><br /> <div class="boxmenu">   <h1>io </h1>      <p><$BlogAboutMe$></p>   </div><br /> <div class="boxmenu2">   <h1>Amo </h1>      <p>testo testo testo testo testo testo testo testo testo testo testo testo testo</p>   </div><br /> <div class="boxmenu">   <h1>Odio </h1>      <p>testo testo testo testo testo testo testo testo testo testo testo testo testo</p>   </div><br /> <div class="boxmenu2">   <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br /> <div class="boxmenu">   <h1>Passati di qui </h1>   <p><$BlogCounter$></p>   </div><br /> <div class="boxmenu2">   <h1>Tutti i bottoni </h1>   <p align="center">	<$BlogButtons$><br />   <$BlogFeeds$></p>   </div><br /> <div class="boxmenu">   <h1>Commenti recenti </h1>   <p>					<$BlogRecentComments$></p>   </div><br /> <div class="boxmenu2">   <h1>Blog che leggo </h1>   <p><$BlogLinkOut$></p>   </div><br /> <div class="boxmenu">   <h1>le mie foto</h1>   <p>testo testo testo testo testo testo testo testo testo testo testo testo testo</p>   </div><br /> <div class="boxmenu2">   <h1>libri</h1>   <p>libri </p>   </div><br />   <div class="boxmenu">   <h1>disclaimer</h1>   <p>Questo blog non rappresenta una testata giornalistica in quanto viene aggiornato senza alcuna periodicità. Non può pertanto considerarsi un prodotto editoriale ai sensi della legge n.62 del 07.03.2001.</p>   </div><br />   </div>           <div id="BOXMAIN">   <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post"> <h2>[ <$BlogItemTitle$> ]</h2> <div class="boxiniziale"> scritto da <$BlogItemAuthorNickname$>   <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>    alle <$BlogItemDateTime$>   </div> <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">   categoria: <$BlogItemCategories$> <br />    commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   <a href="<$BlogItemPermalink$>" title="permalink to this post">link permanente </a>    </div> </div>  </Blogger>        <div id="pager"><$BlogPager$></div> </div>     <div id="FOOTER">   <div id="CREDITS">   Template &copy; <a href="http://klakl85.splinder.com">klakli85</a>  *|*  Immagine &copy; <a href="http://www.puccetti.eu/">Emanuela Puccetti</a>  *|* <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a>    per free host  *|* Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>] e da [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]</div>   </div>   </div>    </body>   </html>

Altro:
Immagine utilizzata con il permesso dell'autrice, e con credits adeguati.

Anteprima:

Titolo: blu notte

Codice:

<!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>   /* ---------------------------------   STILE DEL BLOG   --------------------------------- */   body {   background-color: #000033;   font-family: Verdana, Helvetica, Arial, sans-serif;   text-align: center;   padding: 0px;   margin: 0px;   }   #CONTENITORE {   padding: 0px;   width: 780px;   margin-top: 32px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   top: 32px;   background-repeat: no-repeat;   background-position: right top;   }   #COLONNA {   float: right;   width: 310px;   padding-top: 250px;   padding-right: 5px;   padding-bottom: 5px;   padding-left: 5px;   background-color: #6699CC;   background-image: url(http://img398.imageshack.us/img398/5671/largeanimepaperwallpapeqk2.jpg);   background-repeat: no-repeat;   background-position: right top;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   }   #CREDITS {   padding: 5px 0px;   font-size: 0.7em;   color: #CCCCCC;   text-align: center;   }   #FOOTER {   border: 2px solid #99CCCC;   clear: both;   padding: 5px;   margin-top: 30px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;   width: 100%;   } /* ---------------------------------   STILE DELLA TESTATA   --------------------------------- */   #TESTATA {   background-repeat: no-repeat;   background-position: center top;   font-family: Tahoma;   margin: 0px;   padding: 0px;   float: left;   width: 460px;   }   .titolo {   font-family: Tahoma;   font-size: 18pt;   color: #FFFFFF;   text-align: center;   margin: 3px;   padding: 2px;   text-transform: capitalize;   font-weight: bolder;   }   #BLOGDESCRIPTION {   font-family: Arial;   font-size: 10pt;   color: #CCCCCC;   text-align: justify;   margin: 5px;   background-position: center;   padding-top: 5px;   padding-bottom: 5px;   padding-left: 40px;   font-variant: small-caps;   padding-right: 20px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   .boxmenu {   margin-top: 5px;   margin-right: 5px;   margin-bottom: 10px;   margin-left: 5px;   padding: 0px;   text-align: left;   color: #18293D;   width: 300px;      font-family: Verdana;   font-size: 8pt;   }   h1{   color: #000033;   text-align: center;   font-size: 9pt;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   letter-spacing: 3px;   font-family: Verdana;   border: 1px dashed #000033;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   h2 {   font-family: Verdana;   font-size: 14pt;   color: #6699CC;   text-align: center;   text-transform: capitalize;   margin: 0px;   padding: 5px;   letter-spacing: 3px;   word-spacing: 5px;   }   .post {   padding: 5px;   width: 450px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   }   .boxiniziale {   font-family: Arial, Helvetica, sans-serif;   font-size: 10pt;   color: #6699CC;   text-align: center;   margin-bottom: 5px;   padding-bottom: 2px;   }   .itempost {   font-family: Tahoma;   font-size: 10pt;   color: #6699CC;   text-align: justify;   width: 440px;   margin: 0px;   padding: 5px;   }   .boxfinale {   font-family: Verdana;   font-size: 8pt;   color: #6699CC;   text-align: center;   } #BOXMAIN {   float: left;   width: 450px;   margin: 0px;   padding: 0px;   }   /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{   color: #FFFFFF;   margin: 15px 0px;   text-align: center;   font-size: 9pt;   text-decoration: none;   } .prev {   float: left;   text-align: left;   width: 45%;   } .next {   float: right;   text-align: right;   width: 45%;   } .home {   text-align: center;   } /* ---------------------------------   STILE COMMENTI   --------------------------------- */ .comment {   margin-top: 1em;   background:transparent;   width: 99%;   border-bottom: 1px solid #005995;   } .comment-body {   color: #FFFFFF;   font-size: 10pt;   text-align: left;   padding: 5px;   } .comment-top {   border-bottom: 1px solid #005995;   text-align: right;   margin-bottom: 5px;   padding: 0px 2px 15px 2px;   } .comment-bottom {   background: transparent;   text-align: left;   color: #005995;   margin: 0px;   } .comment-tips {   background: transparent;   text-align: left;   padding-left:0.5em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #0099FF;   }  .comment-form-title {   color: #0099FF;   font-weight: bold;   font-size: 1.4em;    text-transform: capitalize;   text-align: left;   margin: 20px 0px;   }  .comment-form-user {   background:transparent ;   padding-left:0.5em;   padding-top: 0.3em;   text-align: left;   font-size: 0.75em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #000000;   line-height: 1.3em;   }    /* ---------------------------------   STILE FOTO E MEDIA RECENTI   --------------------------------- */ #recent-photos {   background: transparent;   text-align: center;   } #recent-photos img {   padding: 4px;   border: 0px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #recent-photos .album-link {   background: transparent;   font-size: 0.75em;   text-align: center;   text-decoration: none;   } #recent-photos .title {   font-size: 0.75em;   font-weight: bold;   padding-top: 10px;   text-align: center;   letter-spacing:2px;   color: #0A4183;   }  /* ---------------------------------   STILE BORDI   --------------------------------- */ .media-info {border:0px;} .cc-small {border: 0px;} .comment-bottom img.avatar {   height: auto;   width: auto;   border: 0px;   } .cc-logo {   border: 0px;   padding: 1px;   } .avatar{border:0px;} /* ---------------------------------   STILE MEDIA ALBUM   --------------------------------- */ #album {   background: transparent;   font-size: 0.75em;   text-decoration: none;   text-align: center;   } #album-link {vertical-align:top;} #album-link a:link {vertical-align:top;} #album img {   padding: 4px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #album td {   text-align: center;   vertical-align: top;   } #album table {   text-align: left;   vertical-align: top;   } #album .title {   font-size: 9px;   margin-top: 12px;   }   /* ---------------------------------   STILE DEI LINK   --------------------------------- */   a:link{   color: #005995;   text-decoration: none;   } a:visited {   color: #005995;   text-decoration: none;   } a:hover{   color: #000033;   text-decoration: underline overline;   background-color: #0099FF;   cursor: crosshair;   }   /* ---------------------------------   LIST STYLE   --------------------------------- */ #COLONNA ul {   list-style-type: disc;   margin-top: 5px;   margin-left: 20px;   margin-bottom: 5px;   padding-left: 2px;   } #COLONNA li{   background: transparent;   padding: 0px;   } ul {   list-style-type: square;   margin-top: 5px;   margin-left: 30px;   margin-bottom: 5px;   padding-left: 2px;   } li{   background: transparent;   padding: 0px;   }   /* ---------------------------------   STILE IMPAGINAZIONE    --------------------------------- */ #pager {   color: #CCCCCC;   font-size: 10pt;   margin: 10px;   padding: 5px;   text-align: right;   line-height: 16px;   vertical-align: baseline;   background-position: center;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div {   font-size: 10pt;   margin: 2px;   padding: 3px;   font-family: verdana;   }   blockquote {   font-style: italic;   width: 90%;   }   u {   border-bottom-width: 1px;   border-bottom-style: solid;   border-bottom-color: #0099FF;   }   </style>   </head> <body>     <div id="CONTENITORE">  <div id="TESTATA">  <div class="titolo"><$BlogTitle$></div>  <div id="BLOGDESCRIPTION"><$BlogDescription$></div> </div>        <div id="COLONNA">   <div class="boxmenu">   <h1>io </h1>      <p><$BlogAboutMe$><br />   parla di te in <b>grassetto</b>, <u>sottolineato</u>, <i>corsivo</i></p>   </div><br />   <div class="boxmenu">   <h1>Amo </h1>      <p><img src="http://img72.imageshack.us/img72/534/cuoricinogy4.gif" /> testo   <br /><img src="http://img72.imageshack.us/img72/534/cuoricinogy4.gif" /> testo   </p>   </div><br />   <div class="boxmenu">   <h1>Odio </h1>      <p><img src="http://img461.imageshack.us/img461/883/nodt8.gif" /> testo   <br /><img src="http://img461.imageshack.us/img461/883/nodt8.gif" /> testo   </p>   </div><br />   <div class="boxmenu">      <h1>Altro </h1>   <p>Seguendo lo schema di questo blocco puoi   inserirne quanti vuoi coi titoli che preferisci.    Attenzione a non modificare i tag del blog cioè quelli come &lt;h1&gt;</p>   </div><br />   <div class="boxmenu">   <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Data e ora </h1>   <p align="center">  <iframe allowtransparency="true" src="http://kumpapv.altervista.org/orablu.html" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" height="142" scrolling="no" width="290"> </iframe><br><a href="http://klakli85.splinder.com/">by klakli85</a></p>   </div><br /> <div class="boxmenu">   <h1>Passati di qui </h1>   <p><$BlogCounter$></p>   </div><br />   <div class="boxmenu">   <h1>Tagboard </h1>   <p>metti qui la tagboard   se non sai dovre prenderla vai su http://cbox.ws/</p>   </div><br />   <div class="boxmenu">   <h1>Catalogando i miei pensieri </h1>   <p><$BlogCategories$></p>   </div><br />   <div class="boxmenu">      <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Tutti i bottoni </h1>   <p align="center">	<$BlogButtons$><br />   <$BlogFeeds$></p>   </div><br />   <div class="boxmenu">   <h1>Wishlist </h1>   <p><img src="http://img518.imageshack.us/img518/7466/desideriquadratinovs1.gif" /> desiderio da esaudire   <br /><img src="http://img518.imageshack.us/img518/7466/desideriquadratinovs1.gif" /> desiderio da esaudire   <br /><img src="http://img518.imageshack.us/img518/7466/desideriquadratinovs1.gif" /> desiderio da esaudire   </p>   <p><img src="http://img177.imageshack.us/img177/2497/desiderioesauditoru4.gif" /> <s>desiderio esaudito</s>   <br /><img src="http://img177.imageshack.us/img177/2497/desiderioesauditoru4.gif" /> <s>desiderio esaudito</s>   <br /><img src="http://img177.imageshack.us/img177/2497/desiderioesauditoru4.gif" /> <s>desiderio esaudito</s>   </p>   </div><br />   <div class="boxmenu">   <h1>Commenti recenti </h1>   <p>					<$BlogRecentComments$></p>   </div><br />   <div class="boxmenu">    <h1>La mia musica </h1>      <p>metti qui il codice del tuo player o l'elenco della musica che ti piace</p>   </div><br />   <div class="boxmenu">   <h1>Blog che leggo </h1>   <p><$BlogLinkOut$><BR>      <A href="http://www.....com/" target=_blank>Link</A><BR>   <A href="http://www.....com/" target=_blank>Link</A><BR></p>   </div><br />   <div class="boxmenu">    <h1>I miei adesivi</h1> <p align="center">metti qui i codici degli adesivi</p>   </div><br />  </div>           <div id="BOXMAIN">   <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post"> <div class="boxiniziale">[ <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>    alle <$BlogItemDateTime$> ]   </div>   <h2><$BlogItemTitle$></h2>   <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">   categoria: <$BlogItemCategories$> <br />    commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   <a href="<$BlogItemPermalink$>" title="permalink to this post">link permanente </a>    </div> </div>  </Blogger>        <div id="pager"><$BlogPager$></div> </div>     <div id="FOOTER">   <div id="CREDITS">   Template &copy; <a href="http://klakl85.splinder.com">klakli85</a>  *|*  Immagine On <a href="http://imageshack.us/" target="_blank">Imageshack</a>  *|* <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a>    per free host  *|* Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>] e da [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]</div>   </div>   </div>    </body>   </html>

Altro:
Immagine fornita con la richiesta.

Anteprima:

Titolo: angelo triste vers.1

Codice:

<!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">   body {   background-image: url();   background-repeat: repeat-y;   background-color: #000000;   background-image: url(http://img526.imageshack.us/img526/2624/angelotristerigalq8.jpg);   }   .boxmenu {   margin-top: 0px;   margin-right: 5px;   margin-bottom: 15px;   margin-left: 5px;   padding: 0px;   text-align: justify;   }   h1{   color: #000000;   text-align: center;   font-size: 12px;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   letter-spacing: 3px;   background-color: #FFFFFF;   } h2 {   font-family: Arial;   font-size: 14pt;   color: #663399;   text-align: center;   margin-bottom: -5px;   padding-bottom: -5px;   text-transform: capitalize;   }   h3{   color: #FFFFFF;   text-align: center;   font-size: 9px;   font-weight: bold;   padding: 0px;   letter-spacing: 3px;   background-color: #000000;   font-family: "Comic Sans MS";   margin-top: 10px;   margin-right: 0px;   margin-bottom: 10px;   margin-left: 0px;   width: 440px;   }    .post {   padding: 5px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   }   .boxiniziale {   font-family: Verdana;   font-size: 8pt;   color: #000000;   text-align: center;   margin-bottom: 5px;   padding-bottom: 2px;   font-weight: bold;   }   .itempost {   font-family: Verdana;   font-size: 10pt;   color: #000000;   margin-top: 5px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   padding-top: 10px;   padding-right: 3px;   padding-bottom: 5px;   padding-left: 3px;   text-align: justify;   }   .boxfinale {   font-family: Verdana;   font-size: 8pt;   color: #666666;   text-align: center;   } /* ---------------------------------   STILE DEI LINK   --------------------------------- */   a:link{   color: #663399;   text-decoration: none;   } a:visited {   color: #663399;   text-decoration: none;   } a:hover{   color: #000000;   text-decoration: underline overline;   background-color: #990099;   }   /* ---------------------------------   LIST STYLE   --------------------------------- */ #destra ul {   list-style-type: disc;   margin-top: 5px;   margin-left: 20px;   margin-bottom: 5px;   padding-left: 2px;   } #destra li{   background: transparent;   padding: 0px;   } ul {   list-style-type: square;   margin-top: 5px;   margin-left: 30px;   margin-bottom: 5px;   padding-left: 2px;   } li{   background: transparent;   padding: 0px;   } /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{   color: #000000;   margin: 15px 0px;   text-align: center;   font-size: 9pt;   text-decoration: none;   } .prev {   float: left;   text-align: left;   width: 45%;   } .next {   float: right;   text-align: right;   width: 45%;   } .home {   text-align: center;   } /* ---------------------------------   STILE COMMENTI   --------------------------------- */ .comment {   margin-top: 1em;   background:transparent;   width: 99%;   border-bottom: 1px solid #cccccc;   } .comment-body {   color: #000000;   font-size: 10pt;   text-align: left;   padding: 5px;   } .comment-top {   text-align: right;   margin-bottom: 5px;   padding: 0px 2px 15px 2px;   border-top-width: 1px;   border-top-style: solid;   border-top-color: #990099;   } .comment-bottom {   background: transparent;   text-align: left;   color: #000099;   margin: 0px;   } .comment-tips {   background: transparent;   text-align: left;   padding-left:0.5em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #0099FF;   }  .comment-form-title {   color: #8d5f47;   font-weight: bold;   font-size: 1.4em;    text-transform: capitalize;   text-align: left;   margin: 20px 0px;   }  .comment-form-user {   background:transparent ;   padding-left:0.5em;   padding-top: 0.3em;   text-align: left;   font-size: 0.75em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #000000;   line-height: 1.3em;   }    /* ---------------------------------   STILE FOTO E MEDIA RECENTI   --------------------------------- */ #recent-photos {   background: transparent;   text-align: center;   } #recent-photos img {   padding: 4px;   border: 0px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #recent-photos .album-link {   background: transparent;   font-size: 0.75em;   text-align: center;   text-decoration: none;   } #recent-photos .title {   font-size: 0.75em;   font-weight: bold;   padding-top: 10px;   text-align: center;   letter-spacing:2px;   color: #0A4183;   }  /* ---------------------------------   STILE BORDI   --------------------------------- */ .media-info {border:0px;} .cc-small {border: 0px;} .comment-bottom img.avatar {   height: auto;   width: auto;   border: 0px;   } .cc-logo {   border: 0px;   padding: 1px;   } .avatar{border:0px;} /* ---------------------------------   STILE MEDIA ALBUM   --------------------------------- */ #album {   background: transparent;   font-size: 0.75em;   text-decoration: none;   text-align: center;   } #album-link {vertical-align:top;} #album-link a:link {vertical-align:top;} #album img {   padding: 4px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #album td {   text-align: center;   vertical-align: top;   } #album table {   text-align: left;   vertical-align: top;   } #album .title {   font-size: 9px;   margin-top: 12px;   }   #pager {   text-align: right;   margin: 5px;   padding: 5px;   }   #pager div {   padding: 5px;   font-weight: normal;   display: inline;   }   #pager a {   text-decoration: none;   }   #contenitoregenerale {   left: auto;   right: 0px;   bottom: auto;   }   #immagine {   padding-top: 37px;   left: 0px;   top: 0px;   margin: 0px;   padding-right: 0px;   padding-bottom: 0px;   padding-left: 0px;   }   .titolo {   font-family: Tahoma;   font-size: 18pt;   color: #000000;   text-align: center;   margin: 0px;   text-transform: capitalize;   font-weight: bolder;   padding-top: 2px;   padding-right: 20px;   padding-bottom: 2px;   padding-left: 20px;   width: 100%;   }   #BLOGDESCRIPTION {   font-family: Arial;   font-size: 10pt;   color: #666666;   text-align: justify;   margin: 5px;   background-position: center;   padding-top: 5px;   padding-bottom: 5px;   padding-left: 40px;   font-variant: small-caps;   padding-right: 20px;   } #destra {   padding: 0px;   width: 130px;   font-family: Verdana;   font-size: 10pt;   color: #FFFFFF;   margin: 0px;   }   #post {   padding: 5px;   width: 450px;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div {   font-size: 10pt;   margin: 0px;   padding-top: 3px;   padding-right: 5px;   padding-bottom: 5px;   padding-left: 5px;   }   blockquote {   font-style: italic;   width: 90%;   }   b, strong {   color: #990099;   }   u {   border-bottom-width: 1px;   border-bottom-style: solid;   border-bottom-color: #990099;   }   i {   color: #663399;   }   /* SOCIAL BOOKMARKING */   .sb_label {   /* display: inline; */   visibility: hidden;   }   .social_bookmarking {   /* margin-top: 10px; */   padding: 0;   }   .social_bookmarking ul {   display: inline;   margin: 0;   padding: 0;   }   .social_bookmarking ul li {   display: inline;   margin: 0 0 0 10px;   }   .social_bookmarking ul li img {   border: none;  }   </style>   </head> <body> <div id="immagine" style="position: absolute;"><img src="http://img520.imageshack.us/img520/2341/angelotristefu5.jpg" border="0" /></div> <div id="destra" style="position: absolute; top: 311px; left: 472px; width: 284px; height: 1715px;">      <marquee align="middle" scrollamount="1" height="50" vspace="20" width="250" direction="up" scrolldelay="1"><p align="left">   qui avrai una frase che scorre, <br />quindi scrivi scrivi scrivi<br />scrivi scrivi scrivi<br />scrivi scrivi scrivi   </p></marquee>   <div class="boxmenu">   <h1>Data e ora </h1>   <p>metti qui ora e data</p>   </div><br /> <div class="boxmenu">   <h1>io </h1>      <p><$BlogAboutMe$><br />   parla di te in <b>grassetto</b>, <u>sottolineato</u> e <i>corsivo</i></p>   </div><br />   <div class="boxmenu">   <h1>Amo </h1>      <p><img src="http://img72.imageshack.us/img72/534/cuoricinogy4.gif" /> testo   <br /><img src="http://img72.imageshack.us/img72/534/cuoricinogy4.gif" /> testo   </p>   </div><br />   <div class="boxmenu">   <h1>Odio </h1>      <ul>   <li>odio 1</li>   <li>odio 2</li>   </ul></div><br />   <div class="boxmenu">      <h1>Altro </h1>   <p>Seguendo lo schema di questo blocco puoi   inserirne quanti vuoi coi titoli che preferisci.    Attenzione a non modificare i tag del blog cioè quelli come &lt;h1&gt;</p>   </div><br />   <div class="boxmenu">   <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Passati di qui </h1>   <p><$BlogCounter$></p>   </div><br />   <div class="boxmenu">   <h1>Tagboard </h1>   <p>metti qui la tagboard   se non sai dovre prenderla vai su http://cbox.ws/</p>   </div><br />   <div class="boxmenu">   <h1>Catalogando i miei pensieri </h1>   <p><$BlogCategories$></p>   </div><br />   <div class="boxmenu">      <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Tutti i bottoni </h1>   <p align="center">	<$BlogButtons$><br />   <$BlogFeeds$></p>   </div><br />   <div class="boxmenu">   <h1>Wishlist </h1>   <p>+ desiderio da esaudire   <br />+ desiderio da esaudire   <br />+ desiderio da esaudire   </p>   <p>- <s>desiderio esaudito</s>   <br />- <s>desiderio esaudito</s>   <br />- <s>desiderio esaudito</s>   </p>   </div><br />   <div class="boxmenu">   <h1>Commenti recenti </h1>   <p>					<$BlogRecentComments$></p>   </div><br />   <div class="boxmenu">    <h1>La mia musica </h1>      <p>metti qui il codice del tuo player o l'elenco della musica che ti piace</p>   </div><br />   <div class="boxmenu">   <h1>Blog che leggo </h1>   <p><$BlogLinkOut$><BR>      <A href="http://www.....com/" target=_blank>Link</A><BR>   <A href="http://www.....com/" target=_blank>Link</A><BR></p>   </div><br />   <div class="boxmenu">   <h1>Credits </h1>   Template &copy; <a href="http://klakl85.splinder.com">klakli85</a> <br>   Immagine on  <a href="http://photobucket.com/">Photobucket</a> <br>   <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a>    per free host  <br>   Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>] e da [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]</div> <div class="boxmenu">   <h1>Adesivi </h1>   <p align="center">   <img src="" width="250" />   </p>   </div><br /> </div> <div id="post" style="position:absolute; left:15px; top:61px; width:457px; height:356px; z-index:1">   <div class="titolo"><$BlogTitle$></div>  <div id="BLOGDESCRIPTION"><$BlogDescription$></div>    <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post">   <div class="boxiniziale">[ <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>, <$BlogItemDateTime$> ]   </div>   <h2> <$BlogItemTitle$></h2>   <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">   categoria: <$BlogItemCategories$> <br />    commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   <$BlogItemSocialBookmarking$>    </div>   <h3>metti qui la frase che vuoi si ripeta dopo ogni post</h3>   </div>  </Blogger>        <div id="pager"><$BlogPager$></div> </div> </body>   </html>

Altro:
Sul bianco e nero.

Anteprima:

Titolo: angelo triste vers.2

Codice:

<html>   <head>   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />   <title><$BlogTitle$></title>   <META NAME="Keywords" CONTENT="...">   <META NAME="Description" CONTENT="..."> <style type="text/css">   body {   background-attachment: fixed;   background-color: #000000;   background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/angelotristexscorrimento2.jpg);   background-repeat: no-repeat;   background-position: left 35px;   top: 37px;   scrollbar-base-color: #000000;   scrollbar-face-color: #FFFFFF;   scrollbar-shadow-color: #FFFFFF;   scrollbar-arrow-color: #000000;   scrollbar-highlight-color: #FFFFFF;   scrollbar-dark-shadow-color: #FFFFFF;   scrollbar-3d-light-color: #FFFFFF;   scrollbar-track-color:#000000;   position: static;   height: 600px;   }   #sinistra {   overflow: auto;   height: 230px;   margin: 0px;   padding: 0px;   width: 250px;   font-family: Verdana;   font-size: 8pt;   color: #FFFFFF;   margin: 0px;   }   .boxmenu {   margin-top: 5px;   margin-right: 0px;   margin-bottom: 15px;   margin-left: 0px;   padding: 0px;   text-align: justify;   }   h1{   color: #000000;   text-align: center;   font-size: 11px;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   letter-spacing: 3px;   background-color: #FFFFFF;   font-family: Verdana;   }   /* ---------------------------------   STILE DEI LINK   --------------------------------- */   a:link{   color: #663399;   text-decoration: none;   } a:visited {   color: #663399;   text-decoration: none;   } a:hover{   color: #000000;   text-decoration: underline overline;   background-color: #990099;   }   /* ---------------------------------   LIST STYLE   --------------------------------- */ #sinistra ul {   list-style-type: disc;   margin-top: 5px;   margin-left: 20px;   margin-bottom: 5px;   padding-left: 2px;   } #sinistra li{   background: transparent;   padding: 0px;   } ul {   list-style-type: square;   margin-top: 5px;   margin-left: 30px;   margin-bottom: 5px;   padding-left: 2px;   } li{   background: transparent;   padding: 0px;   } /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{   color: #000000;   margin: 15px 0px;   text-align: center;   font-size: 9pt;   text-decoration: none;   } .prev {   float: left;   text-align: left;   width: 45%;   } .next {   float: right;   text-align: right;   width: 45%;   } .home {   text-align: center;   } /* ---------------------------------   STILE COMMENTI   --------------------------------- */ .comment {   margin-top: 1em;   background:transparent;   width: 99%;   border-bottom: 1px solid #cccccc;   } .comment-body {   color: #000000;   font-size: 10pt;   text-align: left;   padding: 5px;   } .comment-top {   text-align: right;   margin-bottom: 5px;   padding: 0px 2px 15px 2px;   border-top-width: 1px;   border-top-style: solid;   border-top-color: #990099;   } .comment-bottom {   background: transparent;   text-align: left;   color: #000099;   margin: 0px;   } .comment-tips {   background: transparent;   text-align: left;   padding-left:0.5em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #0099FF;   }  .comment-form-title {   color: #8d5f47;   font-weight: bold;   font-size: 1.4em;    text-transform: capitalize;   text-align: left;   margin: 20px 0px;   }  .comment-form-user {   background:transparent ;   padding-left:0.5em;   padding-top: 0.3em;   text-align: left;   font-size: 0.75em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #000000;   line-height: 1.3em;   }    /* ---------------------------------   STILE FOTO E MEDIA RECENTI   --------------------------------- */ #recent-photos {   background: transparent;   text-align: center;   } #recent-photos img {   padding: 4px;   border: 0px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #recent-photos .album-link {   background: transparent;   font-size: 0.75em;   text-align: center;   text-decoration: none;   } #recent-photos .title {   font-size: 0.75em;   font-weight: bold;   padding-top: 10px;   text-align: center;   letter-spacing:2px;   color: #0A4183;   }  /* ---------------------------------   STILE BORDI   --------------------------------- */ .media-info {border:0px;} .cc-small {border: 0px;} .comment-bottom img.avatar {   height: auto;   width: auto;   border: 0px;   } .cc-logo {   border: 0px;   padding: 1px;   } .avatar{border:0px;} /* ---------------------------------   STILE MEDIA ALBUM   --------------------------------- */ #album {   background: transparent;   font-size: 0.75em;   text-decoration: none;   text-align: center;   } #album-link {vertical-align:top;} #album-link a:link {vertical-align:top;} #album img {   padding: 4px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #album td {   text-align: center;   vertical-align: top;   } #album table {   text-align: left;   vertical-align: top;   } #album .title {   font-size: 9px;   margin-top: 12px;   }   /* ---------------------------------   STILE DEI POST   --------------------------------- */ #post {   overflow: auto;   height:465px;   margin: 0px;   padding: 5px;   width: 380px;   padding: 5px;   width: 450px;   font-family: Verdana;   font-size: 9pt;   }   .post {   padding: 5px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   }   .boxiniziale {   font-family: Verdana;   font-size: 8pt;   color: #000000;   text-align: center;   margin-bottom: 5px;   padding-bottom: 2px;   font-weight: bold;   }   .itempost {   font-family: Verdana;   font-size: 10pt;   color: #000000;   margin-top: 5px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   padding-top: 10px;   padding-right: 3px;   padding-bottom: 5px;   padding-left: 3px;   text-align: justify;   }   .boxfinale {   font-family: Verdana;   font-size: 8pt;   color: #666666;   text-align: center;   }   h2 {   font-family: Arial;   font-size: 14pt;   color: #663399;   text-align: center;   margin-bottom: -5px;   padding-bottom: -5px;   text-transform: capitalize;   } h3{   color: #FFFFFF;   text-align: center;   font-size: 9px;   font-weight: bold;   padding: 0px;   letter-spacing: 3px;   background-color: #000000;   font-family: "Comic Sans MS";   margin-top: 10px;   margin-right: 0px;   margin-bottom: 10px;   margin-left: 0px;   }   /* SOCIAL BOOKMARKING */   .sb_label {   /* display: inline; */   visibility: hidden;   }   .social_bookmarking {   /* margin-top: 10px; */   padding: 0;   }   .social_bookmarking ul {   display: inline;   margin: 0;   padding: 0;   }   .social_bookmarking ul li {   display: inline;   margin: 0 0 0 10px;   }   .social_bookmarking ul li img {   border: none;  }  #pager {   text-align: right;   margin: 5px;   padding: 5px;   }   #pager div {   padding: 5px;   font-weight: normal;   display: inline;   }   #pager a {   text-decoration: none;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div {   margin: 0px;   padding-top: 3px;   padding-right: 5px;   padding-bottom: 5px;   padding-left: 5px;   }    blockquote {   font-style: italic;   width: 96%;   }   b, strong {   color: #990099;   }   u {   border-bottom-width: 1px;   border-bottom-style: solid;   border-bottom-color: #990099;   }   i {   color: #663399;   } </style>   </head> <body>   <div id="sinistra" style="position: absolute; top: 64px; left: 40px; width: 225px; height: 227px;">   <p><h1>[ <$BlogTitle$> ]</h1><br><br></p>   <div class="boxmenu">   <h1>io </h1>      <p><$BlogAboutMe$><br />   parla di te in <b>grassetto</b>, <u>sottolineato</u> e <i>corsivo</i></p>   </div><br />   <div class="boxmenu">   <h1>Amo </h1>      <p><img src="http://img72.imageshack.us/img72/534/cuoricinogy4.gif" /> testo   <br /><img src="http://img72.imageshack.us/img72/534/cuoricinogy4.gif" /> testo   </p>   </div><br />   <div class="boxmenu">   <h1>Odio </h1>      <ul>   <li>odio 1</li>   <li>odio 2</li>   </ul></div><br />   <div class="boxmenu">   <h1>Sono le</h1>   <p><iframe allowtransparency="true" src="http://kumpapv.altervista.org/oracarlitos.html" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" width="100" height="25"></iframe></p>   </div><br /> <div class="boxmenu">      <h1>Altro </h1>   <p>Seguendo lo schema di questo blocco puoi   inserirne quanti vuoi coi titoli che preferisci.    Attenzione a non modificare i tag del blog cioè quelli come &lt;h1&gt;</p>   </div><br />   <div class="boxmenu">   <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Passati di qui </h1>   <p><$BlogCounter$></p>   </div><br />   <div class="boxmenu">   <h1>Tagboard </h1>   <p>metti qui la tagboard   se non sai dovre prenderla vai su http://cbox.ws/</p>   </div><br />   <div class="boxmenu">   <h1>Catalogando i miei pensieri </h1>   <p><$BlogCategories$></p>   </div><br />   <div class="boxmenu">      <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Tutti i bottoni </h1>   <p align="center">	<$BlogButtons$><br />   <$BlogFeeds$></p>   </div><br />   <div class="boxmenu">   <h1>Wishlist </h1>   <p>+ desiderio da esaudire   <br />+ desiderio da esaudire   <br />+ desiderio da esaudire   </p>   <p>- <s>desiderio esaudito</s>   <br />- <s>desiderio esaudito</s>   <br />- <s>desiderio esaudito</s>   </p>   </div><br />   <div class="boxmenu">   <h1>Commenti recenti </h1>   <p>					<$BlogRecentComments$></p>   </div><br />   <div class="boxmenu">    <h1>La mia musica </h1>      <p>metti qui il codice del tuo player o l'elenco della musica che ti piace</p>   </div><br />   <div class="boxmenu">   <h1>Blog che leggo </h1>   <p><$BlogLinkOut$><BR>      <A href="http://www.....com/" target=_blank>Link</A><BR>   <A href="http://www.....com/" target=_blank>Link</A><BR></p>   </div><br />   <div class="boxmenu">   <h1>Credits </h1>   Template &copy; <a href="http://klakl85.splinder.com">klakli85</a> <br>   Immagine on  <a href="http://photobucket.com/">Photobucket</a> <br>   <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a>    per free host  <br>   Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>] e da [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]</div>   </div> <div id="post" style="position:absolute; left:346px; top:105px; width:373px; height:467px; z-index:1">           <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post">   <div class="boxiniziale">[ <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>, <$BlogItemDateTime$> ]   </div>   <h2> <$BlogItemTitle$></h2>   <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">   categoria: <$BlogItemCategories$> <br />    commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   <$BlogItemSocialBookmarking$>    </div>   <h3>metti qui la frase che vuoi si ripeta dopo ogni post</h3>   </div>  </Blogger>        <div id="pager"><$BlogPager$></div> </div>   </body>   </html>

Altro:
Sempre sul bianco e nero con lo sfondo fisso.

Anteprima:

Titolo: danza

Codice:

<!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">   body {   background-image: url();   background-repeat: repeat-y;   background-color: #dcdadb;   background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/danzariga.jpg);   }   .boxmenu {   margin-top: 0px;   margin-right: 0px;   margin-bottom: 15px;   margin-left: 0px;   padding: 0px;   text-align: justify;   }   h1{   color: #FFFFFF;   text-align: center;   font-size: 12px;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   letter-spacing: 3px;   background-color: #191919;   } h2 {   font-family: Arial;   font-size: 14pt;   color: #330066;   text-align: center;   text-transform: capitalize;   margin-top: 5px;   margin-bottom: 5px;   }   h3{   color: #FFFFFF;   text-align: center;   font-size: 8pt;   font-weight: bold;   padding: 0px;   background-color: #000000;   font-family: Verdana;   margin-top: 10px;   margin-right: 0px;   margin-bottom: 10px;   margin-left: 0px;   width: 100%;   }    .post {   padding: 0px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   font-family: Verdana;   }   .boxiniziale {   font-family: Verdana;   font-size: 8pt;   color: #000000;   text-align: center;   margin-bottom: 5px;   padding-bottom: 2px;   font-weight: bold;   }   .itempost {   font-family: Verdana;   font-size: 10pt;   color: #000000;   text-align: left;   padding: 0px;   width: 500px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 5px;   }   .boxfinale {   font-family: Verdana;   font-size: 8pt;   color: #666666;   text-align: center;   } /* ---------------------------------   STILE DEI LINK   --------------------------------- */   a:link{   color: #330066;   text-decoration: none;   } a:visited {   color: #330066;   text-decoration: none;   } a:hover{   color: #330066;   text-decoration: underline overline;   background-color: #FD8EFA;   }   /* ---------------------------------   LIST STYLE   --------------------------------- */ #destra ul {   list-style-type: disc;   margin-top: 5px;   margin-left: 20px;   margin-bottom: 5px;   padding-left: 2px;   } #destra li{   background: transparent;   padding: 0px;   } ul {   list-style-type: square;   margin-top: 5px;   margin-left: 30px;   margin-bottom: 5px;   padding-left: 2px;   } li{   background: transparent;   padding: 0px;   } /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{   color: #000000;   margin: 15px 0px;   text-align: center;   font-size: 9pt;   text-decoration: none;   } .prev {   float: left;   text-align: left;   width: 45%;   } .next {   float: right;   text-align: right;   width: 45%;   } .home {   text-align: center;   } /* ---------------------------------   STILE COMMENTI   --------------------------------- */ .comment {   margin-top: 1em;   background:transparent;   width: 99%;   border-bottom: 1px solid #cccccc;   } .comment-body {   color: #000000;   font-size: 10pt;   text-align: left;   padding: 5px;   } .comment-top {   text-align: right;   margin-bottom: 5px;   padding: 0px 2px 15px 2px;   border-top-width: 1px;   border-top-style: solid;   border-top-color: #990099;   } .comment-bottom {   background: transparent;   text-align: left;   color: #000099;   margin: 0px;   } .comment-tips {   background: transparent;   text-align: left;   padding-left:0.5em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #0099FF;   }  .comment-form-title {   color: #8d5f47;   font-weight: bold;   font-size: 1.4em;    text-transform: capitalize;   text-align: left;   margin: 20px 0px;   }  .comment-form-user {   background:transparent ;   padding-left:0.5em;   padding-top: 0.3em;   text-align: left;   font-size: 0.75em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #000000;   line-height: 1.3em;   }    /* ---------------------------------   STILE FOTO E MEDIA RECENTI   --------------------------------- */ #recent-photos {   background: transparent;   text-align: center;   } #recent-photos img {   padding: 4px;   border: 0px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #recent-photos .album-link {   background: transparent;   font-size: 0.75em;   text-align: center;   text-decoration: none;   } #recent-photos .title {   font-size: 0.75em;   font-weight: bold;   padding-top: 10px;   text-align: center;   letter-spacing:2px;   color: #0A4183;   }  /* ---------------------------------   STILE BORDI   --------------------------------- */ .media-info {border:0px;} .cc-small {border: 0px;} .comment-bottom img.avatar {   height: auto;   width: auto;   border: 0px;   } .cc-logo {   border: 0px;   padding: 1px;   } .avatar{border:0px;} /* ---------------------------------   STILE MEDIA ALBUM   --------------------------------- */ #album {   background: transparent;   font-size: 0.75em;   text-decoration: none;   text-align: center;   } #album-link {vertical-align:top;} #album-link a:link {vertical-align:top;} #album img {   padding: 4px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #album td {   text-align: center;   vertical-align: top;   } #album table {   text-align: left;   vertical-align: top;   } #album .title {   font-size: 9px;   margin-top: 12px;   }   #pager {   text-align: right;   margin: 5px;   padding: 5px;   }   #pager div {   padding: 5px;   font-weight: normal;   display: inline;   }   #pager a {   text-decoration: none;   }   #contenitoregenerale {   left: auto;   right: 0px;   bottom: auto;   }   #immagine {   width: 780px;   position: absolute;   top: 42px;   left: 0px;   margin: 0px;   padding-top: 2px;   padding-right: 0px;   padding-bottom: 0px;   padding-left: 0px;   }   .titolo {   font-family: Tahoma;   font-size: 12pt;   color: #FFFFFF;   text-align: right;   text-transform: capitalize;   font-weight: bolder;   background-color: #000000;   padding: 0px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   } #destra {   padding: 0px;   font-family: Verdana;   font-size: 10pt;   color: #333333;   margin: 0px;   }   #post {   padding: 5px;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div {   font-size: 10pt;   margin: 0px;   padding-top: 3px;   padding-right: 5px;   padding-bottom: 5px;   padding-left: 5px;   }   blockquote {   font-style: italic;   width: 90%;   }   b, strong {   color: #330066;   }   u {   border-bottom-width: 1px;   border-bottom-style: solid;   border-bottom-color: #FD8EFA;   }   i {   color: #330066;   }   /* SOCIAL BOOKMARKING */   .sb_label {   /* display: inline; */   visibility: hidden;   }   .social_bookmarking {   /* margin-top: 10px; */   padding: 0;   }   .social_bookmarking ul {   display: inline;   margin: 0;   padding: 0;   }   .social_bookmarking ul li {   display: inline;   margin: 0 0 0 10px;   }   .social_bookmarking ul li img {   border: none;  }   </style>   </head> <body> <div id="immagine" ><img src="http://i203.photobucket.com/albums/aa68/klakli85/danza.jpg" border="0" /></div> <div id="destra" style="position: absolute; top: 58px; left: 549px; width: 216px; height: 1513px;">      <div class="titolo"><$BlogTitle$></div>  <marquee align="middle" scrollamount="1" height="50" vspace="20" width="250" direction="up" scrolldelay="1"><p align="left">   qui avrai una frase che scorre, <br />quindi scrivi scrivi scrivi<br />scrivi scrivi scrivi<br />scrivi scrivi scrivi   </p></marquee>   <div class="boxmenu">   <h1>Data e ora </h1>   <p>metti qui ora e data</p>   </div><br /> <div class="boxmenu">   <h1>io </h1>      <p><$BlogAboutMe$><br />   parla di te in <b>grassetto</b>, <u>sottolineato</u> e <i>corsivo</i></p>   </div><br />   <div class="boxmenu">   <h1>Amo </h1>      <p><img src="http://img72.imageshack.us/img72/534/cuoricinogy4.gif" /> testo   <br /><img src="http://img72.imageshack.us/img72/534/cuoricinogy4.gif" /> testo   </p>   </div><br />   <div class="boxmenu">   <h1>Odio </h1>      <p><img src="http://img461.imageshack.us/img461/883/nodt8.gif" /> testo   <br /><img src="http://img461.imageshack.us/img461/883/nodt8.gif" /> testo   </p>   </div><br />   <div class="boxmenu">      <h1>Altro </h1>   <p>Seguendo lo schema di questo blocco puoi   inserirne quanti vuoi coi titoli che preferisci.    Attenzione a non modificare i tag del blog cioè quelli come &lt;h1&gt;</p>   </div><br />   <div class="boxmenu">   <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Passati di qui </h1>   <p><$BlogCounter$></p>   </div><br />   <div class="boxmenu">   <h1>Tagboard </h1>   <p>metti qui la tagboard   se non sai dovre prenderla vai su http://cbox.ws/</p>   </div><br />   <div class="boxmenu">   <h1>Catalogando i miei pensieri </h1>   <p><$BlogCategories$></p>   </div><br />   <div class="boxmenu">      <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Tutti i bottoni </h1>   <p align="center">	<$BlogButtons$><br />   <$BlogFeeds$></p>   </div><br />   <div class="boxmenu">   <h1>Wishlist </h1>   <p><img src="http://img518.imageshack.us/img518/7466/desideriquadratinovs1.gif" /> desiderio da esaudire   <br /><img src="http://img518.imageshack.us/img518/7466/desideriquadratinovs1.gif" /> desiderio da esaudire   <br /><img src="http://img518.imageshack.us/img518/7466/desideriquadratinovs1.gif" /> desiderio da esaudire   </p>   <p><img src="http://img177.imageshack.us/img177/2497/desiderioesauditoru4.gif" /> <s>desiderio esaudito</s>   <br /><img src="http://img177.imageshack.us/img177/2497/desiderioesauditoru4.gif" /> <s>desiderio esaudito</s>   <br /><img src="http://img177.imageshack.us/img177/2497/desiderioesauditoru4.gif" /> <s>desiderio esaudito</s>   </p>   </div><br />   <div class="boxmenu">   <h1>Commenti recenti </h1>   <p>					<$BlogRecentComments$></p>   </div><br />   <div class="boxmenu">    <h1>La mia musica </h1>      <p>metti qui il codice del tuo player o l'elenco della musica che ti piace</p>   </div><br />   <div class="boxmenu">   <h1>Blog che leggo </h1>   <p><$BlogLinkOut$><BR>      <A href="http://www.....com/" target=_blank>Link</A><BR>   <A href="http://www.....com/" target=_blank>Link</A><BR></p>   </div><br />   <div class="boxmenu">   <h1>Credits </h1>   Template &copy; <a href="http://klakl85.splinder.com">klakli85</a> <br>   Immagine on  <a href="http://photobucket.com/">Photobucket</a> <br>   <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a>    per free host  <br>   Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>] e da [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]</div> <div class="boxmenu">   <h1>Adesivi </h1>   <p align="center">   <img src="" width="190" />   </p>   </div><br /> </div> <div id="post" style="position:absolute; left:14px; top:429px; width:515px; z-index:1;">    <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post">   <div class="boxiniziale">[ <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>, <$BlogItemDateTime$> ]   </div>   <h2> <$BlogItemTitle$></h2>   <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">   categoria: <$BlogItemCategories$> <br />    commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   <$BlogItemSocialBookmarking$>    </div>   <h3>metti qui la frase che vuoi si ripeta dopo ogni post</h3>   </div>  </Blogger>        <div id="pager"><$BlogPager$></div> </div> </body>   </html>

Anteprima:

Titolo: come una bambina

Codice:

<!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>
  /* ---------------------------------
  STILE DEL BLOG
  --------------------------------- */
  body {
  background-color: #798070;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  text-align: center;
  }
  #CONTENITORE {
  padding: 0px;
  width: 795px;
  top: 32px;
  background-image: url(http://img171.imageshack.us/img171/3720/bimbafeliceeserenahp8.jpg);
  background-repeat: no-repeat;
  margin: 0px;
  float: no;
  }
  #COLONNA {
  float:left;
  display:inline;
  text-align: right;
  overflow: hidden;
  width: 265px;
  font-family: Verdana;
  font-size: 10pt;
  padding: 2px;
  margin-top: 200px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  color: #e6dbd5;
  }
  #FOOTER {
  clear: both; 
  margin: 10px;
  padding: 10px;
  }
/* ---------------------------------
  STILE DELLA TESTATA
  --------------------------------- */
  #TESTATA {
  margin: 0;
  width: 780px;
  padding:0;
  height:100px;
  font-family: "Georgia", Times, serif;
  background-repeat: no-repeat;
  float: right;
  }
  .titolo {
  padding-top: 60px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 300px;
  font-family: Tahoma;
  margin: 0px;
  color: #c3c699;
  font-size: 16pt;
  text-transform: capitalize;
  }
  /* ---------------------------------
  STILE DELI BOX DELLA COLONNA
  --------------------------------- */
  .boxmenu {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
  padding: 0px;
  text-align: justify;
  }
  h1{
  color: #babd92;
  text-align: center;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  height: 16px;
  letter-spacing: 3px;
  border: thin dotted #babd92;
  }
  /* ---------------------------------
  STILE DELI BOX DELLA COLONNA DEI POST
  --------------------------------- */
  h2 {
  font-family: Arial;
  font-size: 14pt;
  color: #e6dbd5;
  text-align: center;
  margin-bottom: -5px;
  padding-bottom: -5px;
  text-transform: capitalize;
  letter-spacing: 5px;
  }
  .post {
  padding: 5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  }
  .boxiniziale {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #e6dbd5;
  text-align: left;
  margin-bottom: 5px;
  padding-bottom: 2px;
  }
  .itempost {
  font-family: Tahoma;
  font-size: 11pt;
  color: #000000;
  text-align: justify;
  margin: 0px;
  padding: 10px;
  }
  .boxfinale {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #e6dbd5;
  text-align: center;
  }
#BOXMAIN {
  width: 515px;
  float:right;
  display:inline;
  overflow: hidden;
  font-size: 12px;
  margin: 0;
  }
  /* ---------------------------------
  STILE NAVIGAZIONE
  --------------------------------- */
.navigation{
  color: #000000;
  margin: 15px 0px;
  text-align: center;
  font-size: 9pt;
  text-decoration: none;
  }
.prev {
  float: left;
  text-align: left;
  width: 45%;
  }
.next {
  float: right;
  text-align: right;
  width: 45%;
  }
.home {
  text-align: center;
  }
/* ---------------------------------
  STILE COMMENTI
  --------------------------------- */
.comment {
  margin-top: 1em;
  background:transparent;
  width: 99%;
  border-bottom: 1px solid #cccccc;
  }
.comment-body {
  color: #000000;
  font-size: 10pt;
  text-align: left;
  padding: 5px;
  }
.comment-top {
  border-bottom: 1px solid #8d5f47;
  text-align: right;
  margin-bottom: 5px;
  padding: 0px 2px 15px 2px;
  }
.comment-bottom {
  background: transparent;
  text-align: left;
  color: #000099;
  margin: 0px;
  }
.comment-tips {
  background: transparent;
  text-align: left;
  padding-left:0.5em;
  font-style:normal; 
  font-variant:normal; 
  font-weight:normal;
  color: #0099FF;
  } 
.comment-form-title {
  color: #8d5f47;
  font-weight: bold;
  font-size: 1.4em; 
  text-transform: capitalize;
  text-align: left;
  margin: 20px 0px;
  } 
.comment-form-user {
  background:transparent ;
  padding-left:0.5em;
  padding-top: 0.3em;
  text-align: left;
  font-size: 0.75em;
  font-style:normal; 
  font-variant:normal; 
  font-weight:normal;
  color: #000000;
  line-height: 1.3em;
  } 
  /* ---------------------------------
  STILE FOTO E MEDIA RECENTI
  --------------------------------- */
#recent-photos {
  background: transparent;
  text-align: center;
  }
#recent-photos img {
  padding: 4px;
  border: 0px;
  margin-bottom: 5px;
  background-color: transparent;
  text-decoration: none;
  }
#recent-photos .album-link {
  background: transparent;
  font-size: 0.75em;
  text-align: center;
  text-decoration: none;
  }
#recent-photos .title {
  font-size: 0.75em;
  font-weight: bold;
  padding-top: 10px;
  text-align: center;
  letter-spacing:2px;
  color: #0A4183;
  }

/* ---------------------------------
  STILE BORDI
  --------------------------------- */
.media-info {border:0px;}
.cc-small {border: 0px;}
.comment-bottom img.avatar {
  height: auto;
  width: auto;
  border: 0px;
  }
.cc-logo {
  border: 0px;
  padding: 1px;
  }
.avatar{border:0px;}
/* ---------------------------------
  STILE MEDIA ALBUM
  --------------------------------- */
#album {
  background: transparent;
  font-size: 0.75em;
  text-decoration: none;
  text-align: center;
  }
#album-link {vertical-align:top;}
#album-link a:link {vertical-align:top;}
#album img {
  padding: 4px;
  margin-bottom: 5px;
  background-color: transparent;
  text-decoration: none;
  }
#album td {
  text-align: center;
  vertical-align: top;
  }
#album table {
  text-align: left;
  vertical-align: top;
  }
#album .title {
  font-size: 9px;
  margin-top: 12px;
  }
  /* ---------------------------------
  STILE DEI LINK
  --------------------------------- */
  a:link{
  color: #BECCB5;
  text-decoration: none;
  font-weight: bold;
  }
a:visited {
  color: #BECCB5;
  text-decoration: none;
  }
a:hover{
  color: #798070;
  text-decoration: underline overline;
  background-color: #e6dbd5;
  cursor: crosshair;
  }
  /* ---------------------------------
  LIST STYLE
  --------------------------------- */
#COLONNA ul {
  list-style-type: disc;
  margin-top: 5px;
  margin-left: 20px;
  margin-bottom: 5px;
  padding-left: 2px;
  }
#COLONNA li{
  background: transparent;
  padding: 0px;
  }
ul {
  list-style-type: circle;
  margin-top: 5px;
  margin-left: 30px;
  margin-bottom: 5px;
  padding-left: 2px;
  }
li{
  background: transparent;
  padding: 0px;
  }
  /* ---------------------------------
  STILE IMPAGINAZIONE 
  --------------------------------- */
#pager {
  color: #000000;
  font-size: 10pt;
  margin: 10px;
  padding: 5px;
  text-align: right;
  line-height: 16px;
  vertical-align: baseline;
  background-position: center;
  }
  /* ---------------------------------
  STILE GENERALE
  --------------------------------- */
  p, td, tr, div {
  font-size: 10pt;
  margin: 0px;
  padding: 5px;
  }
  blockquote {
  font-style: italic;
  width: 80%;
  }
  </style>
  </head>
<body>
  
 <div id="CONTENITORE">

<div id="TESTATA">
 <div class="titolo"><$BlogTitle$></div>
</div>

<div id="COLONNA">

<div class="boxmenu">
  <h1>Data e ora </h1>
  <p>metti qui ora e data</p>
  </div><br />
<div class="boxmenu">
  <h1>io </h1>
  
  <p><$BlogAboutMe$><br />
  testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
  </div><br />
  <div class="boxmenu">
  <h1>Amo </h1>
  
  <p>testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
  </div><br />
  <div class="boxmenu">
  <h1>Odio </h1>
  
  <p>testo testo testo testo testo testo testo testo testo testo testo testo testo</p>
  </div><br />
  <div class="boxmenu">
  
  <h1>Altro </h1>
  <p>Seguendo lo schema di questo blocco puoi
  inserirne quanti vuoi coi titoli che preferisci. 
  Attenzione a non modificare i tag del blog cioè quelli come &lt;h1&gt;</p>
  </div><br />
  <div class="boxmenu">
  <h1>Archivio </h1>
  <p><$BlogArchive$></p>
  </div><br />
  <div class="boxmenu">
  <h1>Passati di qui </h1>
  <p><$BlogCounter$></p>
  </div><br />
  <div class="boxmenu">
  <h1>Tagboard </h1>
  <p>metti qui la tagboard
  se non sai dovre prenderla vai su http://cbox.ws/</p>
  </div><br />
  <div class="boxmenu">
  <h1>Catalogando i miei pensieri </h1>
  <p><$BlogCategories$></p>
  </div><br />
  <div class="boxmenu">
  
  <h1>Archivio </h1>
  <p><$BlogArchive$></p>
  </div><br />
  <div class="boxmenu">
  <h1>Tutti i bottoni </h1>
  <p align="center">	<$BlogButtons$><br />
  <$BlogFeeds$></p>
  </div><br />
  <div class="boxmenu">
  <h1>Wishlist </h1>
  <p>+ desiderio da esaudire
  <br />+ desiderio da esaudire
  <br />+ desiderio da esaudire
  </p>
  <p><s>- desiderio esaudito
  <br />- desiderio esaudito
  <br />- desiderio esaudito
  </s> </p>
  </div><br />
  <div class="boxmenu">
  <h1>Commenti recenti </h1>
  <p>					<$BlogRecentComments$></p>
  </div><br />
  <div class="boxmenu"> 
  <h1>La mia musica </h1>
  
  <p>metti qui il codice del tuo player o l'elenco della musica che ti piace</p>
  </div><br />
  <div class="boxmenu">
  <h1>Blog che leggo </h1>
  <p><$BlogLinkOut$><BR>
  
  <A href="http://www.....com/" target=_blank>Link</A><BR>
  <A href="http://www.....com/" target=_blank>Link</A><BR></p>
  </div><br />
  <div class="boxmenu"> 
  <h1>Credits </h1>
  <p>Template &copy; <a href="http://klakl85.splinder.com" target="_blank">klakli85</a>  <br />
  Immagine on <a href="http://imageshack.us/">ImageShack</a>  <br /> 
  <a href="http://www.splinder.com/" target="_blank">Splinder</A> e <A href="http://home.altervista.org/site/" target="_blank">Altervista</a> 
  per free host  <br />
  Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>] e da [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]</p>
  </div><br />
  
  </div>

<div id="BOXMAIN">
  <$BlogPhotoAlbum$>
  <Blogger> 
<p align="center"><$BlogNavigation$></p>
<div class="post">
<h2><$BlogItemTitle$></h2>
<div class="boxiniziale"> scritto da <$BlogItemAuthorNickname$>
  <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate> 
  alle <$BlogItemDateTime$>
  </div>
<div class="itempost"><$BlogItemBody$></div>
<div class="boxfinale">
  categoria: <$BlogItemCategories$> <br /> 
  commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>
  <$BlogItemCommentList$><br />
  <a href="<$BlogItemPermalink$>" title="permalink to this post">link permanente </a> <br /><$BlogItemSocialBookmarking$>
  </div>
</div>

</Blogger>
    
  <div id="pager"><$BlogPager$></div>
</div>

<div id="FOOTER">
  </div>

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

Anteprima:

Titolo: Surfando

Codice:

<!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>   /* ---------------------------------   STILE DEL BLOG   --------------------------------- */   body {   background-color: #c0c0ff;   font-family: Verdana, Helvetica, Arial, sans-serif;   text-align: center;   padding: 0px;   margin: 0px;   }   #CONTENITORE {   background-color: #c0c0ff;   padding: 0px;   width: 780px;   margin-top: 10px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   top: 32px;   background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/templatesurf.jpg);   background-repeat: no-repeat;   background-position: right top;   }   #COLONNA {   float: right;   width: 240px;   padding: 0px;   margin-top: 400px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;   }   #CREDITS {   padding: 5px 0px;   font-size: 8pt;   color: #333333;   text-align: center;   }   #FOOTER {   clear: both;    margin: 5px;   padding: 5px;   }   .titolo {   font-family: Tahoma;   font-size: 12pt;   color: #666699;   text-align: center;   padding: 0px;   text-transform: capitalize;   font-weight: bolder;   margin: 0px;   }   #BLOGDESCRIPTION {   font-family: Arial;   font-size: 10pt;   color: #CCCCCC;   text-align: justify;   margin: 5px;   width: 700px;   background-position: center;   padding-top: 5px;   padding-bottom: 5px;   padding-left: 40px;   font-variant: small-caps;   padding-right: 20px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   .boxmenu {   padding: 0px;   text-align: right;   margin-top: 5px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   }   h1{   color: #000042;   text-align: right;   font-size: 12px;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   letter-spacing: 3px;   border-bottom-width: 2px;   border-bottom-style: dashed;   border-bottom-color: #000042;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   h2 {   font-family: Arial;   font-size: 14pt;   color: #000042;   text-align: center;   border-bottom-width: 3px;   border-bottom-style: dashed;   border-bottom-color: #000042;   text-transform: capitalize;   margin: 0px;   padding: 0px;   }   h3 {   color: #000033;   font-family: "Comic Sans MS";   font-size: 12pt;   letter-spacing: 5px;   } .post {   padding: 5px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   }   .boxiniziale {   font-family: Arial, Helvetica, sans-serif;   font-size: 8pt;   color: #333333;   text-align: left;   margin-bottom: 5px;   padding-bottom: 2px;   }   .itempost {   font-family: Tahoma;   font-size: 10pt;   color: #000000;   margin-top: 5px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   text-align: left;   padding: 5px;   }   .boxfinale {   font-family: Arial, Helvetica, sans-serif;   font-size: 8pt;   color: #333333;   text-align: center;   }   /* SOCIAL BOOKMARKING */   .sb_label {   /* display: inline; */   visibility: hidden;   }   .social_bookmarking {   /* margin-top: 10px; */   padding: 0;    }   .social_bookmarking ul {   display: inline;   margin: 0;   padding: 0;   }   .social_bookmarking ul li {   display: inline;   margin: 0 0 0 10px;   }   .social_bookmarking ul li img {   border: none;  } #BOXMAIN {   float: left;   width: 530px;   margin-top: 170px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;   }   /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{   color: #000000;   margin: 15px 0px;   text-align: center;   font-size: 9pt;   text-decoration: none;   } .prev {   float: left;   text-align: left;   width: 45%;   } .next {   float: right;   text-align: right;   width: 45%;   } .home {   text-align: center;   } /* ---------------------------------   STILE COMMENTI   --------------------------------- */ .comment {   margin-top: 1em;   background:transparent;   width: 99%;   border-bottom: 1px solid #cccccc;   } .comment-body {   color: #000000;   font-size: 10pt;   text-align: left;   padding: 5px;   } .comment-top {   border-bottom: 1px solid #000042;   text-align: right;   margin-bottom: 5px;   padding: 0px 2px 15px 2px;   } .comment-bottom {   background: transparent;   text-align: left;   color: #000099;   margin: 0px;   } .comment-tips {   background: transparent;   text-align: left;   padding-left:0.5em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #0099FF;   }  .comment-form-title {   color: #000042;   font-weight: bold;   font-size: 1.4em;    text-transform: capitalize;   text-align: left;   margin: 20px 0px;   }  .comment-form-user {   background:transparent ;   padding-left:0.5em;   padding-top: 0.3em;   text-align: left;   font-size: 0.75em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #000000;   line-height: 1.3em;   }    /* ---------------------------------   STILE FOTO E MEDIA RECENTI   --------------------------------- */ #recent-photos {   background: transparent;   text-align: center;   } #recent-photos img {   padding: 4px;   border: 0px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #recent-photos .album-link {   background: transparent;   font-size: 0.75em;   text-align: center;   text-decoration: none;   } #recent-photos .title {   font-size: 0.75em;   font-weight: bold;   padding-top: 10px;   text-align: center;   letter-spacing:2px;   color: #0A4183;   }  /* ---------------------------------   STILE BORDI   --------------------------------- */ .media-info {border:0px;} .cc-small {border: 0px;} .comment-bottom img.avatar {   height: auto;   width: auto;   border: 0px;   } .cc-logo {   border: 0px;   padding: 1px;   } .avatar{border:0px;} /* ---------------------------------   STILE MEDIA ALBUM   --------------------------------- */ #album {   background: transparent;   font-size: 0.75em;   text-decoration: none;   text-align: center;   } #album-link {vertical-align:top;} #album-link a:link {vertical-align:top;} #album img {   padding: 4px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #album td {   text-align: center;   vertical-align: top;   } #album table {   text-align: left;   vertical-align: top;   } #album .title {   font-size: 9px;   margin-top: 12px;   }   /* ---------------------------------   STILE DEI LINK   --------------------------------- */   a:link{   color: #0000FF;   text-decoration: none;   } a:visited {   color: #0000FF;   text-decoration: none;   } a:hover{   color: #c0c0ff;   text-decoration: underline overline;   background-color: #0000FF;   }   /* ---------------------------------   LIST STYLE   --------------------------------- */ #COLONNA ul {   list-style-type: disc;   margin-top: 5px;   margin-left: 20px;   margin-bottom: 5px;   padding-left: 2px;   } #COLONNA li{   background: transparent;   padding: 0px;   } ul {   list-style-type: circle;   margin-top: 5px;   margin-left: 30px;   margin-bottom: 5px;   padding-left: 2px;   } li{   background: transparent;   padding: 0px;   }   /* ---------------------------------   STILE IMPAGINAZIONE    --------------------------------- */ #pager {   text-align: center;   margin: 5px;   padding: 5px;   }   #pager div {   padding: 5px;   font-weight: normal;   display: inline;   }   #pager a {   text-decoration: none;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div {   font-size: 10pt;   margin: 2px;   padding: 3px;   }   blockquote {   font-style: italic;   width: 70%;   }   b {   color: #000042;   }   i {   }   u{   border-bottom-width: 1px;   border-bottom-style: solid;   border-bottom-color: #0000FF;   }   </style>   </head> <body>     <div id="CONTENITORE">      <div id="COLONNA">   <div class="titolo"><$BlogTitle$></div>    <div class="boxmenu">   <h1>this blog</h1>   <p>breve descrizione del blog, in <b>grassetto</b>, <i>corsivo</i> e <u>sottolineato </u></p>   </div><br /> <div class="boxmenu">   <h1>io </h1>      <p><$BlogAboutMe$><br />   testo testo testo testo testo testo testo testo testo testo testo testo testo   </p>   </div><br />   <div class="boxmenu">   <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Passati di qui </h1>   <p><$BlogCounter$></p>   </div><br />   <div class="boxmenu">   <h1>Tagboard </h1>   <p>metti qui la tagboard   se non sai dovre prenderla vai su http://cbox.ws/</p>   </div><br />   <div class="boxmenu">   <h1>Catalogando i miei pensieri </h1>   <p><$BlogCategories$></p>   </div><br />   <div class="boxmenu">      <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Tutti i bottoni </h1>   <p align="center">	<$BlogButtons$><br />   <$BlogFeeds$></p>   </div><br /> <div class="boxmenu">   <h1>Commenti recenti </h1>   <p>					<$BlogRecentComments$></p>   </div><br /> <div class="boxmenu">   <h1>Blog che leggo </h1>   <p><$BlogLinkOut$><BR>      <A href="http://www.....com/" target=_blank>Link</A><BR>   <A href="http://www.....com/" target=_blank>Link</A><BR></p>   </div><br />   <div class="boxmenu">   <h1>credits</h1>   <p>Template &copy; <a href="http://klakli85.splinder.com">klakli85</a>  <br>  Immagine on Photobucket  <br> <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a>    per free host  <br> Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>] e da [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]</p>   </div><br />      </div>           <div id="BOXMAIN">        <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post"> <h2><$BlogItemTitle$></h2> <div class="boxiniziale"> scritto da <$BlogItemAuthorNickname$>   <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>    alle <$BlogItemDateTime$>   </div> <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">Sulle onde di <$BlogItemCategories$> <br />    commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   <$BlogItemSocialBookmarking$>   </div>   <h3>SuRfiNa'S wOrLd</h3>   </div>  </Blogger>   </div>       <div id="FOOTER">   <div id="pager"><$BlogPager$></div>  </div>   </div>    </body>   </html>

Anteprima:

Titolo: Candy Girl

Codice:

<!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>   /* ---------------------------------   STILE DEL BLOG   --------------------------------- */   body {   background-color: #FFFFFF;   text-align: center;   padding: 0px;   margin: 0px;   background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/candisfondo.jpg);   background-repeat: repeat;   }   #CONTENITORE {   background-color: #FFFFFF;   width: 780px;   margin-top: 10px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   top: 32px;   background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/candygirl2.jpg);   background-repeat: no-repeat;   background-position: center top;   padding: 0px;   }   #COLONNA {   float: left;   width: 215px;   padding: 0px;   background-color: #f0ddce;   margin-top: 270px;   margin-right: 0px;   margin-bottom: 4px;   margin-left: 8px;   }   #CREDITS {   padding: 5px 0px;   font-size: 0.7em;   color: #999999;   text-align: center;   }   #FOOTER {   background-color: #FFFFFF;   clear: both;    margin: 5px;   padding: 5px;   } /* ---------------------------------   STILE DELLA TESTATA   --------------------------------- */   #TESTATA {   margin-bottom: 0px;   background-repeat: no-repeat;   background-position: center top;   font-family: Tahoma;   width: 530px;   float: right;   margin-top: 250px;   padding: 0px;   margin-right: 0px;   margin-left: 0px;   }   .titolo {   font-family: Tahoma;   font-size: 18pt;   color: #efa330;   text-align: center;   margin: 3px;   padding: 2px;   text-transform: capitalize;   font-weight: bolder;   border-left-width: 10px;   border-left-style: solid;   border-left-color: #FFFF33;   font-variant: small-caps;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   .boxmenu {   padding: 2px;   text-align: left;   margin-top: 10px;   margin-right: 0px;   margin-bottom: 10px;   margin-left: 0px;   font-family: Verdana;   }   h1{   color: #F0758A;   text-align: left;   font-size: 12pt;   text-transform: capitalize;   letter-spacing: 3px;   border-left-width: 6px;   border-left-style: solid;   border-left-color: #e65f5d;   padding-top: 0px;   padding-right: 0px;   padding-bottom: 0px;   padding-left: 8px;   font-family: Tahoma;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   h2 {   font-family: Arial;   font-size: 14pt;   color: #CC3333;   text-align: center;   text-transform: capitalize;   margin: 0px;   border-top-width: 6px;   border-top-style: double;   border-top-color: #CC3333;   padding-top: 5px;   }   .post {   padding: 0px;   background-color: #FFFFFF;   width: 530px;   margin-top: 10px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   }   .boxiniziale {   font-family: Verdana;   font-size: 11px;   text-align: left;   margin-bottom: 5px;   color: #efa330;   padding: 0px;   }   .itempost {   font-family: Tahoma;   font-size: 10pt;   color: #000000;   margin-top: 5px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   padding-top: 10px;   padding-right: 0px;   padding-bottom: 5px;   padding-left: 0px;   text-align: justify;   }   .boxfinale {   font-family: Verdana;   font-size: 11px;   color: #0099CC;   text-align: center;   }  #BOXMAIN {   float: right;   width: 530px;   margin: 0px;   font-family: Verdana;   padding: 10px;   }   /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{   color: #009900;   margin: 15px 0px;   text-align: center;   font-size: 9pt;   text-decoration: none;   } .prev {   float: left;   text-align: left;   width: 45%;   } .next {   float: right;   text-align: right;   width: 45%;   } .home {   text-align: center;   } /* ---------------------------------   STILE COMMENTI   --------------------------------- */ .comment {   margin-top: 1em;   background:transparent;   width: 99%;   border-bottom-width: 1px;   border-bottom-style: solid;   border-bottom-color: #FFFF00;   } .comment-body {   color: #000000;   font-size: 10pt;   text-align: left;   padding: 5px;   } .comment-top {   background-color: #FFFFFF;   border-bottom: 1px solid #8d5f47;   text-align: right;   margin-bottom: 5px;   padding: 0px 2px 15px 2px;   } .comment-bottom {   background: transparent;   text-align: left;   color: #0066CC;   margin: 0px;   } .comment-tips {   background: transparent;   text-align: left;   padding-left:0.5em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #0099FF;   }  .comment-form-title {   color: #8d5f47;   font-weight: bold;   font-size: 1.4em;    text-transform: capitalize;   text-align: left;   margin: 20px 0px;   }  .comment-form-user {   background:transparent ;   padding-left:0.5em;   padding-top: 0.3em;   text-align: left;   font-size: 0.75em;   font-style:normal;    font-variant:normal;    font-weight:normal;   color: #000000;   line-height: 1.3em;   }    /* ---------------------------------   STILE FOTO E MEDIA RECENTI   --------------------------------- */ #recent-photos {   background: transparent;   text-align: center;   } #recent-photos img {   padding: 4px;   border: 0px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #recent-photos .album-link {   background: transparent;   font-size: 0.75em;   text-align: center;   text-decoration: none;   } #recent-photos .title {   font-size: 0.75em;   font-weight: bold;   padding-top: 10px;   text-align: center;   letter-spacing:2px;   color: #0A4183;   }  /* ---------------------------------   STILE BORDI   --------------------------------- */ .media-info {border:0px;} .cc-small {border: 0px;} .comment-bottom img.avatar {   height: auto;   width: auto;   border: 0px;   } .cc-logo {   border: 0px;   padding: 1px;   } .avatar{border:0px;} /* ---------------------------------   STILE MEDIA ALBUM   --------------------------------- */ #album {   background: transparent;   font-size: 0.75em;   text-decoration: none;   text-align: center;   } #album-link {vertical-align:top;} #album-link a:link {vertical-align:top;} #album img {   padding: 4px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #album td {   text-align: center;   vertical-align: top;   } #album table {   text-align: left;   vertical-align: top;   } #album .title {   font-size: 9px;   margin-top: 12px;   }   /* SOCIAL BOOKMARKING */   .sb_label {   /* display: inline; */   visibility: hidden;   }   .social_bookmarking {   /* margin-top: 10px; */   padding: 0;   }   .social_bookmarking ul {   display: inline;   margin: 0;   padding: 0;   }   .social_bookmarking ul li {   display: inline;   margin: 0 0 0 10px;   }   .social_bookmarking ul li img {   border: none;  }   /* ---------------------------------   STILE DEI LINK   --------------------------------- */   a:link{   color: #d60033;   text-decoration: none;   } a:visited {   color: #d60033;   text-decoration: none;   } a:hover{   color: #d60033;   font-weight: bold;   letter-spacing: 3px;   text-decoration: none;   }   /* ---------------------------------   LIST STYLE   --------------------------------- */ #COLONNA ul {   list-style-type: disc;   margin-top: 5px;   margin-left: 20px;   margin-bottom: 5px;   padding-left: 2px;   } #COLONNA li{   background: transparent;   padding: 0px;   } ul {   list-style-type: circle;   margin-top: 5px;   margin-left: 30px;   margin-bottom: 5px;   padding-left: 2px;   } li{   background: transparent;   padding: 0px;   }   /* ---------------------------------   STILE IMPAGINAZIONE    --------------------------------- */ #pager {   text-align: center;   margin: 5px;   padding: 5px;   }   #pager div {   padding: 5px;   font-weight: normal;   display: inline; }   #pager a {   text-decoration: none;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div, dl, dt {   font-size: 10pt;   margin: 2px;   padding: 3px;   }   b, strong {   font-weight: bolder;   color: #009966;   }   u {   text-decoration: underline;   border-bottom-width: 2px;   border-bottom-style: solid;   border-bottom-color: #3399CC;   }   blockquote {   width: 85%;   }   </style>   </head> <body>     <div id="CONTENITORE">  <div id="TESTATA">  <div class="titolo"><$BlogTitle$></div>     </div>        <div id="COLONNA">    <div class="boxmenu">   <h1>Data e ora </h1>   <p>metti qui ora e data</p>   </div><br /> <div class="boxmenu">   <h1>io </h1>      <p><$BlogAboutMe$><br />   testo testo testo testo testo testo testo testo testo testo testo testo testo</p>   </div><br />   <div class="boxmenu">   <h1>Amo </h1>      <p>testo testo testo testo testo testo testo testo testo testo testo testo testo</p>   </div><br />   <div class="boxmenu">   <h1>Odio </h1>      <p>testo testo testo testo testo testo testo testo testo testo testo testo testo</p>   </div><br />   <div class="boxmenu">      <h1>Altro </h1>   <p>Seguendo lo schema di questo blocco puoi   inserirne quanti vuoi coi titoli che preferisci.    Attenzione a non modificare i tag del blog cioè quelli come &lt;h1&gt;</p>   </div><br />   <div class="boxmenu">   <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Passati di qui </h1>   <p><$BlogCounter$></p>   </div><br />   <div class="boxmenu">   <h1>Tagboard </h1>   <p>metti qui la tagboard   se non sai dovre prenderla vai su http://cbox.ws/</p>   </div><br />   <div class="boxmenu">   <h1>Catalogando i miei pensieri </h1>   <p><$BlogCategories$></p>   </div><br />   <div class="boxmenu">      <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Tutti i bottoni </h1>   <p align="center">	<$BlogButtons$><br />   <$BlogFeeds$></p>   </div><br />   <div class="boxmenu">   <h1>Wishlist </h1>   <p>desiderio da esaudire   <br />desiderio da esaudire   <br />desiderio da esaudire   </p>   <p><s>desiderio esaudito   <br />desiderio esaudito   <br />desiderio esaudito   </s> </p>   </div><br />   <div class="boxmenu">   <h1>Commenti recenti </h1>   <p>					<$BlogRecentComments$></p>   </div><br />   <div class="boxmenu">    <h1>La mia musica </h1>      <p>metti qui il codice del tuo player o l'elenco della musica che ti piace</p>   </div><br />   <div class="boxmenu">   <h1>Blog che leggo </h1>   <p><$BlogLinkOut$><BR>      <A href="http://www.....com/" target=_blank>Link</A><BR>   <A href="http://www.....com/" target=_blank>Link</A><BR></p>   </div><br />   <div class="boxmenu">   <h1>Credits</h1>   <p>Template &copy; <a href="http://klakl85.splinder.com">klakli85</a>  <br />   Immagine on <a href="http://imageshack.us/">ImageShack</a>  <br />   <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a>    per free host  <br />   Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>] e da [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]</p>   </div><br />   </div>          <div id="BOXMAIN">   <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post"> <h2><$BlogItemTitle$></h2> <div class="boxiniziale"> scritto da <$BlogItemAuthorNickname$>   <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>    alle <$BlogItemDateTime$>   </div> <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">   categoria: <$BlogItemCategories$> <br />    commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   <$BlogItemSocialBookmarking$>   </div>   </div>  </Blogger>        <div id="pager"><$BlogPager$></div> </div>     <div id="FOOTER">   <div id="CREDITS">   </div>   </div>   </div>    </body>   </html>