2 colonne 2

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: stelle rosa

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: #000000;   font-family: Verdana, Helvetica, Arial, sans-serif;   font-size: 100%;   text-align: center;   background-image: url(http://images.bigoo.ws/content/background/animated/animated_46.gif);   }   #CONTENITORE {      border: 3px solid #FF33CC;   padding: 5px;   width: 780px;   margin-top: 10px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   top: 32px;      }   #COLONNA {   float: right;   width: 200px;   margin: 4px;   padding: 2px;   }   #CREDITS {   padding: 5px 0px;   font-size: 0.7em;   color: #999999;   text-align: center;   }   #FOOTER {   background-color: #000000;   border: 2px solid #FF33CC;   clear: both;    margin: 5px;   padding: 5px;   } /* ---------------------------------   STILE DELLA TESTATA   --------------------------------- */   #TESTATA {   margin-bottom: 10px;   background-repeat: no-repeat;   background-position: center top;   font-family: Tahoma;   }   .titolo {   font-family: Tahoma;   font-size: 18pt;   color: #FF99CC;   text-align: center;   margin: 3px;   padding: 2px;   text-transform: capitalize;   font-weight: bolder;   background-color: #000000;   }   #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;   background-color: #000000;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   .boxmenu {   margin-top: 0px;   margin-right: 5px;   margin-bottom: 5px;   margin-left: 5px;   border: 2px solid #FF33CC;   padding: 0px;   width: 200px;   text-align: justify;   background-color: #000000;   }   h1{   color: #000000;   text-align: right;   font-size: 12px;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   height: 16px;   background-color: #FF33CC;   letter-spacing: 3px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   h2 {   font-family: Arial;   font-size: 15pt;   color: #FF33CC;   text-align: right;   border-bottom-width: thin;   border-bottom-style: solid;   border-bottom-color: #CC0099;   margin-bottom: -5px;   padding-bottom: -5px;   text-transform: capitalize;   margin-top: 0px;   padding-top: 0px;   }   .post {   border: 2px solid #FF33CC;   padding: 5px;   background-color: #000000;   width: 500px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   }   .boxiniziale {   font-family: Arial, Helvetica, sans-serif;   font-size: 8pt;   color: #999999;   text-align: left;   margin-bottom: 5px;   padding-bottom: 2px;   }   .itempost {   font-family: Tahoma;   font-size: 10pt;   color: #FFFFFF;   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: Arial, Helvetica, sans-serif;   font-size: 9pt;   color: #999999;   text-align: right;   } #BOXMAIN {   float: left;   width: 500px;   margin-top: 0px;   margin-right: 5px;   margin-bottom: 5px;   margin-left: 5px;   }   /* ---------------------------------   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 {   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: #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;   }   /* ---------------------------------   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: disc;   margin-top: 5px;   margin-left: 30px;   margin-bottom: 5px;   padding-left: 2px;   } li{   background: transparent;   padding: 0px;   }   /* ---------------------------------   STILE IMPAGINAZIONE    --------------------------------- */ #pager {   color: #CC0099;   font-size: 10pt;   margin: 10px;   padding: 5px;   text-align: right;   line-height: 16px;   vertical-align: baseline;   background-position: center;   background-color: #000000;   border: thin none #FF33CC;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div {   font-size: 10pt;   margin: 2px;   padding: 3px;   color: #FF99CC;   }   </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>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>           <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 di sfondo &copy; <a href="http://bigoo.ws/" target="_blank">Bigoo</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">**PeNsiEri&amp;GraFiCa**</a></div>   </div>   </div>    </body>   </html>

Descrizione:
Sfondo nero con stelle rosa. è tutto basato su questi due colori.

ANTEPRIMA

Titolo: nero colorato

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: #000000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; text-align: center; padding: 0px; margin: 0px; cursor:url(http://images.bigoo.ws/content/cursor/animal/animal_5.cur); background-image: url(http://images.bigoo.ws/content/background/animated/animated_32.gif); } #CONTENITORE { border: 3px solid #CC6699; padding: 5px; width: 780px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; top: 32px; } #COLONNA { float: right; width: 200px; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 0px; margin-top: 4px; margin-right: 4px; margin-bottom: 4px; margin-left: 0px; } #CREDITS { padding: 5px 0px; font-size: 0.7em; color: #999999; text-align: center; } #FOOTER { background-color: #000000; border: 2px solid #CC6699; clear: both; margin: 5px; padding: 5px; } /* --------------------------------- STILE DELLA TESTATA --------------------------------- */ #TESTATA { border: 2px solid #CC6699; margin-bottom: 10px; background-repeat: no-repeat; background-position: center top; font-family: Tahoma; background-color: #000000; } .titolo { font-family: Tahoma; font-size: 18pt; color: #CC6699; text-align: center; margin: 3px; padding: 2px; text-transform: capitalize; font-weight: bolder; } #BLOGDESCRIPTION { font-family: Arial; font-size: 10pt; color: #6699FF; 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 { margin-top: 0px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; border: 2px solid #CC6699; padding: 0px; width: 200px; text-align: justify; background-color: #000000; } h1{ color: #000000; text-align: right; font-size: 12px; text-transform: capitalize; font-weight: bold; margin: 0px; padding: 0px; height: 16px; background-color: #CC6699; letter-spacing: 3px; } /* --------------------------------- STILE DELI BOX DELLA COLONNA DEI POST --------------------------------- */ h2 { font-family: "Comic Sans MS"; font-size: 14pt; color: #923061; text-align: right; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #993366; margin-bottom: -5px; padding-bottom: -5px; text-transform: capitalize; margin-right: 0px; padding-right: 10px; } .post { border: 2px solid #CC6699; background-color: #000000; width: 530px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding: 0px; } .itempost { font-family: "Comic Sans MS"; font-size: 12pt; color: #FFFFFF; text-align: justify; margin: 0px; padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .boxfinale { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #999999; text-align: right; } #BOXMAIN { float: left; width: 530px; margin-top: 0px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; } /* --------------------------------- 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%; } .comment-body { color: #CCCCCC; font-size: 10pt; text-align: left; padding: 5px; } .comment-top { margin-bottom: 5px; padding: 0px 2px 15px 2px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CC6699; } .comment-bottom { background: transparent; text-align: left; margin: 0px; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #CC6699; padding: 3px; } .comment-tips { text-align: left; padding-left:0.5em; color: #6699FF; } .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: 10pt; font-style:normal; font-variant:normal; font-weight:normal; color: #6699FF; 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: #6699FF; text-decoration: none; } a:visited { color: #999999; text-decoration: none; } a:hover{ color: #6699FF; text-decoration: underline overline; } /* --------------------------------- 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; background-color: #000000; } /* --------------------------------- STILE GENERALE --------------------------------- */ p, td, tr, div { font-size: 10pt; margin: 2px; padding: 3px; color: #FFFFFF; } blockquote { font-family: Tahoma; font-style: italic; } </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>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>Dando un nome alle cose </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>      <div id="BOXMAIN"> <$BlogPhotoAlbum$> <Blogger> <p align="center"><$BlogNavigation$></p> <div class="post"> <h1><BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate> alle <$BlogItemDateTime$></h1> <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>  *|*  Cursore &amp; immagine di sfondo &copy; <a href="http://bigoo.ws/index.php" target="_blank">Bigoo</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">**PeNsiEri&amp;GraFiCa**</a></div> </div>  </div>  </body> </html>

Descrizione:
Sfondo nero con farfalle che cambiano colore. Caratteri e sfondo che richiamano i colori delle farfalle.

Anteprima:

Titolo: semplicemente il massimo

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;   font-size: 100%;   text-align: center;   padding: 0px;   margin: 0px;   }   #CONTENITORE {   border: 3px solid #000099;   padding: 5px;   width: 800px;   margin-top: 10px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   top: 32px;   }   #COLONNA {   float: right;   width: 200px;   padding: 2px;   background-color: #003399;   margin-top: 0px;   margin-right: 4px;   margin-bottom: 4px;   margin-left: 4px;   }   #CREDITS {   padding: 5px 0px;   font-size: 0.7em;   color: #CCCCCC;   text-align: center;   background-color: #003399;   }   #FOOTER {   clear: both;    margin: 5px;   padding: 5px;   } /* ---------------------------------   STILE DELLA TESTATA   --------------------------------- */   #TESTATA {   margin-bottom: 10px;   background-repeat: no-repeat;   background-position: center top;   font-family: Tahoma;   background-image: url(http://img294.imageshack.us/img294/4086/massythebesthy4.jpg);   height: 354px;   width: 790px;   }   .titolo {   font-family: Tahoma;   font-size: 18pt;   color: #FFFFFF;   text-align: left;   margin: 3px;   text-transform: capitalize;   font-weight: bolder;   padding-top: 250px;   padding-right: 250px;   padding-bottom: 2px;   padding-left: 2px;   }   #BLOGDESCRIPTION {   font-family: Arial;   font-size: 10pt;   color: #003399;   text-align: justify;   margin: 1px;   width: 500px;   background-position: center;   font-variant: small-caps;   padding: 5px;   float: left;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   .boxmenu {   margin-top: 0px;   margin-right: 5px;   margin-bottom: 5px;   margin-left: 5px;   border: 2px solid #CCCCFF;   padding: 0px;   width: 190px;   text-align: justify;   color: #FFFFFF;   }   h1{   color: #000000;   text-align: center;   font-size: 12px;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   background-color: #CCCCFF;   letter-spacing: 3px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   h2 {   font-family: Arial;   font-size: 14pt;   color: #FFFFFF;   text-align: right;   margin-bottom: -5px;   padding-bottom: -5px;   text-transform: capitalize;   background-color: #003399;   letter-spacing: 5px;   }   .post {   width: 530px;   margin-bottom: 20px;   }   .boxiniziale {   font-family: Arial, Helvetica, sans-serif;   font-size: 8pt;   color: #333333;   text-align: left;   margin-bottom: 5px;   padding-bottom: 2px;   }   .itempost {   font-family: "Comic Sans MS";   font-size: 12pt;   color: #003399;   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: Arial, Helvetica, sans-serif;   font-size: 9pt;   color: #333333;   text-align: right;   } #BOXMAIN {   float: left;   width: 530px;   margin: 5px;   }   /* ---------------------------------   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: #000099;   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: #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: #0099FF;   text-decoration: none;   } a:visited {   color: #0033FF;   text-decoration: none;   } a:hover{   color: #0099FF;   text-decoration: underline overline;   }   /* ---------------------------------   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: disc;   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-family: Tahoma;   font-style: italic;   }   .blog-members { clear: both; margin: 0; padding: 0 0 3px 0px; }    .Stile1 {   color: #003399;   font-family: "Comic Sans MS";   font-size: 10pt;   font-weight: bold;   text-decoration: underline;   }   </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>Data e ora </h1>   <p><div align="center" >  <iframe src="http://kumpapv.altervista.org/calendario1.html" align="middle" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="150" height="100" ></iframe> </div></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>Archivio </h1>   <p><$BlogArchive$></p>   </div><br />   <div class="boxmenu">   <h1>Passati di qui </h1>   <p><$BlogCounter$></p>   </div><br />   <div class="boxmenu">   <h1>Note di me  </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>i miei desideri</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>fans</h1>   <p><$BlogMembers$></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>adesivi</h1> </div><br />   </div>           <div id="BOXMAIN">   <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post"> <h2><$BlogItemTitle$></h2> <div class="boxiniziale"> scritto da <span class="Stile1"><$BlogItemAuthorNickname$></span>   <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>    alle <$BlogItemDateTime$>   </div> <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">   categoria: <$BlogItemCategories$> <br />   <$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.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">**PeNsiEri&amp;GraFiCa**</a></div>   </div>   </div>    </body>   </html>

Altro:
Template dedicato a Massimo di Cataldo (richiesto).

Anteprima:

Titolo: Quella tra palco e realtà

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: #fce4e6;     font-family: Verdana, Helvetica, Arial, sans-serif;     font-size: 100%;     text-align: center;     padding: 0px;     margin: 0px;     }     #CONTENITORE {     padding: 5px;     width: 800px;     margin-top: 10px;     margin-right: auto;     margin-bottom: 0px;     margin-left: auto;     top: 32px;     }     #COLONNA {     float: right;     width: 200px;     margin: 4px;     padding: 2px;     background-color: #CC9999;     cursor: text;     }     #CREDITS {     padding: 5px 0px;     font-size: 12px;     color: #999999;     text-align: center;     }     #FOOTER {     border: 2px solid #CC9999;     clear: both;      margin: 5px;     padding: 5px;     } /* ---------------------------------     STILE DELLA TESTATA     --------------------------------- */     #TESTATA {     background-repeat: no-repeat;     background-position: center top;     font-family: Tahoma;     height: 338px;     width: 400px;     float: left;     background-image: url(http://img453.imageshack.us/img453/4424/bambolacb7.jpg);     margin-top: 2px;     margin-right: 2px;     margin-bottom: 2px;     margin-left: 179px;     border-top-width: thin;     border-left-width: thin;     border-top-style: dashed;     border-left-style: dashed;     border-top-color: #CC9999;     border-left-color: #CC9999;     }     .titolo {     font-family: "Comic Sans MS";     font-size: 18pt;     color: #CC6666;     text-align: center;     padding: 2px;     text-transform: capitalize;     font-weight: bold;     margin: 0px;     }     #BLOGDESCRIPTION {     font-family: Arial;     font-size: 9pt;     color: #CC6666;     text-align: justify;     margin: 2px;     background-position: center;     font-variant: small-caps;     padding: 5px;     }     /* ---------------------------------     STILE DELI BOX DELLA COLONNA     --------------------------------- */     .boxmenu {     margin-top: 0px;     margin-right: 0px;     margin-bottom: 5px;     margin-left: 0px;     padding: 3px;     text-align: justify;     color: #FFDDFF;     font-size: 10px;     }     h1{     color: #FFCCFF;     text-align: center;     font-size: 12px;     text-transform: capitalize;     font-weight: bolder;     margin: 0px;     padding: 0px;     letter-spacing: 3px;     word-spacing: 5px;     border: thin dashed #FFCCFF;     }     /* ---------------------------------     STILE DELI BOX DELLA COLONNA DEI POST     --------------------------------- */     h2 {     font-family: "Comic Sans MS";     font-size: 14pt;     color: #AF5F5F;     text-align: left;     margin-bottom: -5px;     padding-bottom: -5px;     text-transform: capitalize;     text-decoration: underline;     }     .post {     padding: 5px;     width: 560px;     margin-top: 0px;     margin-right: 0px;     margin-bottom: 20px;     margin-left: 0px;     }     .boxiniziale {     font-family: Arial, Helvetica, sans-serif;     font-size: 8pt;     color: #666666;     text-align: left;     margin-bottom: 5px;     padding-bottom: 2px;     margin-top: 1px;     margin-right: 0px;     margin-left: 0px;     padding-top: 1px;     padding-right: 0px;     padding-left: 0px;     }     .itempost {     font-family: Arial, Helvetica, sans-serif;     font-size: 11pt;     color: #996666;     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: Arial, Helvetica, sans-serif;     font-size: 9pt;     color: #666666;     text-align: right;     } #BOXMAIN {     float: left;     width: 565px;     margin-top: 0px;     margin-right: 5px;     margin-bottom: 5px;     margin-left: 5px;     cursor: crosshair;     }     /* ---------------------------------     STILE NAVIGAZIONE     --------------------------------- */ .navigation{     color: #CC9999;     margin: 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: #990033;     text-decoration: none;     } a:visited {     color: #990033;     text-decoration: none;     } a:hover{     color: #990033;     text-decoration: underline overline;     }     /* ---------------------------------     LIST STYLE     --------------------------------- */ #COLONNA ul {     list-style-type: circle;     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="TESTATA">  </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>i miei adesivi </h1>   <p>max larghezza 190px</p>   </div><br />   </div>           <div id="BOXMAIN">   <div id="BLOGDESCRIPTION">   <div class="titolo"><$BlogTitle$></div>   <$BlogDescription$></div>   <$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 />      <$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>  *|* <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">**PeNsiEri&amp;GraFiCa**</a></div>     </div>   </div>      </body>     </html>

Altro:
Immagine fornita da chi ha richiesto il template

Anteprima:

Titolo: micio rosa

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: #daacb1;   font-family: Verdana, Helvetica, Arial, sans-serif;   font-size: 100%;   text-align: center;   padding: 0px;   margin: 0px;   }   #CONTENITORE {   padding: 5px;   width: 780px;   margin-top: 10px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   top: 32px;   }   #COLONNA {   float: right;   width: 200px;   margin: 4px;   padding: 2px;   background-color: #996699;   color: #FFFFFF;   }   #CREDITS {   padding: 5px 0px;   font-size: 10pt;   color: #CC9999;   text-align: center;   background-color: #996699;   }   #FOOTER {   clear: both;    margin: 5px;   padding: 5px;   } /* ---------------------------------   STILE DELLA TESTATA   --------------------------------- */   #TESTATA {   margin-bottom: 10px;   background-repeat: no-repeat;   background-position: center top;   font-family: Tahoma;   background-color: #daacb1;   background-image: url(http://img104.imageshack.us/img104/6759/miciorosaxr5.jpg);   height: 338px;   width: 397px;   float: left;   margin-left: 140px;   }   .titolo {   font-family: Tahoma;   font-size: 18pt;   color: #996699;   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: 0px;   margin-right: 5px;   margin-bottom: 5px;   margin-left: 5px;   padding: 0px;   text-align: justify;   }   h1{   color: #daacb1;   text-align: center;   font-size: 12px;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   letter-spacing: 3px;   border: thin solid #daacb1;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   h2 {   font-family: Arial;   font-size: 14pt;   color: #996699;   text-align: right;   margin-bottom: 0px;   padding-bottom: 0px;   text-transform: capitalize;   letter-spacing: 5px;   text-decoration: underline;   margin-top: 0px;   padding-top: 0px;   }   .post {   padding: 5px;   width: 520px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   border-top-width: thin;   border-right-width: thin;   border-bottom-width: thin;   border-left-width: thin;   border-top-style: none;   border-right-style: dashed;   border-bottom-style: dashed;   border-left-style: dashed;   border-top-color: #996699;   }   .boxiniziale {   font-family: Arial, Helvetica, sans-serif;   font-size: 8pt;   color: #9900FF;   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;   padding-top: 10px;   padding-right: 0px;   padding-bottom: 5px;   padding-left: 0px;   text-align: justify;   }   .boxfinale {   font-family: Arial, Helvetica, sans-serif;   font-size: 9pt;   color: #9900FF;   text-align: right;   } #BOXMAIN {   float: left;   width: 525px;   margin-top: 0px;   margin-right: 5px;   margin-bottom: 5px;   margin-left: 5px;   }   /* ---------------------------------   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: #6600FF;   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: #CC99FF;   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: #990066;   text-decoration: none;   } a:visited {   color: #990066;   text-decoration: none;   } a:hover{   color: #990066;   text-decoration: underline overline;   font-weight: bold;   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: 70%;   }   </style>   </head> <body>     <div id="CONTENITORE">  <div id="TESTATA"> </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>           <div id="BOXMAIN">        <div class="titolo"><$BlogTitle$></div>   <$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>  *|*   <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">**PeNsiEri&amp;GraFiCa**</a></div>   </div>   </div>    </body>   </html>

Altro:
Immagine trovata con Google.

Anteprima:

Titolo:Sarà la primavera

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: #6699CC;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 100%;
  text-align: center;
  padding: 0px;
  margin: 0px;
  }
  #CONTENITORE {
  padding: 5px;
  width: 795px;
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  top: 32px;
  }
  #COLONNA {
  float: right;
  width: 195px;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 4px;
  margin-left: 0px;
  padding: 2px;
  }
  #CREDITS {
  padding: 5px 0px;
  font-size: 10pt;
  color: #666666;
  text-align: center;
  }
  #FOOTER {
  clear: both;
  margin: 5px;
  padding: 5px;
  border: 2px solid #CC3366;
  background-color: #FFFFFF;
  }
/* ---------------------------------
  STILE DELLA TESTATA
  --------------------------------- */
  #TESTATA {
  background-repeat: no-repeat;
  background-position: center top;
  font-family: "Comic Sans MS";
  width: 790px;
  background-image: url(http://img137.imageshack.us/img137/2710/primaverakz7.jpg);
  height: 270px;
  }
  .titolo {
  font-family: Tahoma;
  font-size: 18pt;
  color: #990033;
  text-align: center;
  margin: 3px;
  text-transform: capitalize;
  font-weight: bolder;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  }
  #BLOGDESCRIPTION {
  font-family: Tahoma;
  font-size: 10pt;
  color: #990033;
  text-align: justify;
  background-position: center;
  font-variant: small-caps;
  padding-top: 5px;
  padding-right: 60px;
  padding-bottom: 5px;
  padding-left: 60px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  }
  /* ---------------------------------
  STILE DELI BOX DELLA COLONNA
  --------------------------------- */
  .boxmenu {
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  width: 195px;
  text-align: justify;
  border-top-width: 0px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #CC3366;
  border-right-color: #CC3366;
  border-bottom-color: #CC3366;
  border-left-color: #CC3366;
  font-size: 11px;
  background-color: #FFFFFF;
  }
  h1{
  color: #FFFFFF;
  text-align: center;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: bold;
  margin: 0px;
  padding: 2px;
  letter-spacing: 3px;
  border-top-width: thin;
  border-right-width: thin;
  border-bottom-width: thin;
  border-left-width: thin;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  border-top-color: #CC3366;
  border-right-color: #CC3366;
  border-bottom-color: #CC3366;
  border-left-color: #CC3366;
  width: 100%;
  cursor: crosshair;
  background-color: #CC3366;
  }
  /* ---------------------------------
  STILE DELI BOX DELLA COLONNA DEI POST
  --------------------------------- */
  h2 {
  font-family: Arial;
  font-size: 14pt;
  color: #FFFFFF;
  text-align: right;
  text-transform: capitalize;
  background-color: #CC3366;
  margin: 2px;
  padding: 0px;
  width: 100%;
  letter-spacing: 5px;
  }
  .post {
  border: 2px solid #CC3366;
  width: 540px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  }
  .boxiniziale {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #666666;
  text-align: left;
  margin-bottom: 5px;
  padding-bottom: 2px;
  margin-top: 0px;
  padding-top: 0px;
  }
  .itempost {
  font-family: Tahoma;
  font-size: 11pt;
  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: 11px;
  color: #666666;
  text-align: right;
  margin: 3px;
  padding: 5px;
  }
#BOXMAIN {
  float: left;
  width: 560px;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 5px;
  padding: 0px;
  margin-right: 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-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #999999;
  }
.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: #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{
  text-decoration: none;
  color: #CC3366;
  }
a:visited {
  color: #AD2C56;
  text-decoration: none;
  }
a:hover{
  color: #AD2C56;
  text-decoration: overline;
  font-weight: bolder;
  }
  /* ---------------------------------
  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: disc;
  margin: 3px;
  padding: 3px;
  }
li{
  background: transparent;
  padding: 0px;
  }
  dl {
  padding: 3px;
  margin-top: 2px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 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;
  background-color: #FFFFFF;
  border: thin dashed #CC3366;
  }
  /* ---------------------------------
  STILE GENERALE
  --------------------------------- */
  p, td, tr, div {
  font-size: 11px;
  margin: 3px;
  padding: 3px;
  }
  b, strong {
  font-weight: bolder;
  color: #CC3366;
  }
  blockquote {
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  color: #990000;
  font-size: 11pt;
  }
  u {
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: #CC3366;
  }
  </style>
  </head>
<body>
  
 <div id="CONTENITORE">

<div id="TESTATA">
 
</div>

<div id="COLONNA">

<div class="boxmenu">
  <h1>.:Virtualmente io:.</h1>
  <p><$BlogAboutMe$></p>
</div><br />
  <div class="boxmenu">
  <h1>.:Carta d'identità:.</h1>
  
  <p>
  <b>Nome</b>: <br />
  <b>Compleanno</b>: <br />
  <b>Residente a</b>: <br />
  <b>Segno Zodiacale</b>: <br />
  <b>Ascendente</b>: <br />
  <b>Professione principale</b>: <br />
  <b>Stato Civile</b>: <br />
  </p>
  </div><br />
  <div class="boxmenu">
  <h1>.:Data E ora:.</h1>
  </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>.:Per contattarmi:. </h1>
  <p align="center">	<$BlogButtons$><br />
  <$BlogFeeds$></p> 
  </div>
  <div class="boxmenu">
  <h1>.:Archivio:.</h1>
  <p><$BlogArchive$></p>
  </div><br />
  <div class="boxmenu">
  <h1>.:Benvenuti:. </h1>
  <p>Hanno fatto parte della mia vita 
  .:<$BlogCounter$>:. navigatori</p>
  </div><br />
  <div class="boxmenu">
  <h1>.:Le mie parole al vento:.</h1>
  <p><$BlogCategories$></p>
  </div><br />
  <div class="boxmenu">
  
  <h1>.:Ormai è andata:.</h1>
  <p><$BlogArchive$></p>
  </div><br />
  <div class="boxmenu">
  <h1>.:Chi ha parlato con me:.</h1>
  <p><$BlogRecentComments$></p>
  </div><br />
  <div class="boxmenu"> 
  <h1><s>.:Cose fatte</s> e <br>cose che vorrei:.</h1>
  <p><s>* blablabla
  <br>* blablabla
  <br>* blablabla
  <br>* blablabla
 </s><br> 
  <br>- blablabla
  <br>- blablabla
  <br>- Fblablabla
  <br>- Fblablabla</p>
  </div><br />
  <div class="boxmenu">
  <h1>.:Blog che leggo:.</h1>
  <p>   <$BlogLinkOut$></p>
  </div><br />
<div class="boxmenu">
  <h1>.:Altri link:.</h1>
  <dl>
  <dt> <a href="" target="_blank">blablabla</a>: blablabla</dt>
  <dt> <a href="" target="_blank">blablabla</a>: blablabla</dt>
  <dt> <a href="" target="_blank">blablabla</a>: blablabla</dt>
  <dt> <a href="" target="_blank">blablabla</a>: blablabla</dt></dl>
</div><br />
  </div>
  
  
  
 <div id="BOXMAIN">
  <div class="titolo"><$BlogTitle$></div>
 <div id="BLOGDESCRIPTION"><$BlogDescription$></div>
  <$BlogPhotoAlbum$>
  <Blogger> 
<p align="center"><$BlogNavigation$></p>
<div class="post">
  <div class="boxiniziale">Anticipazioni: <$BlogItemCategories$> <br /> 
  </div>
  <h2><$BlogItemTitle$> </h2>
<div class="boxiniziale"> il 
  <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate> 
  alle <$BlogItemDateTime$>
  </div>
<div class="itempost"><$BlogItemBody$></div>
<div class="boxfinale"><$BlogItemComments$> (popup) *|* <$BlogItemCommentLink$><$BlogItemCommentList$><br />
  <a href="<$BlogItemPermalink$>" title="permalink to this post">link permanente a questo post </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>  *|* <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">**PeNsiEri&amp;GraFiCa**</a></div>
  </div>

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

Altro:
Usato anche per il mio blog personale. I colori richiamano quelli dell'immagine. Le parole sono quelle dei Dual Gang - Sarà la primavera.

Anteprima:

Titolo: dog - follow me

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://img149.imageshack.us/img149/9083/canerigakl1.jpg);
  background-repeat: repeat-y;
  background-color: #f2e8de;
  font-family: Tahoma;
  }
  #immagine {
  padding-top: 39px;
  left: -5px;
  }
  #COLONNA {
  margin: 4px;
  padding: 2px;
  font-family: Tahoma;
  color: #333333;
  }
  .titolo {
  font-family: Tahoma;
  font-size: 18pt;
  color: #990000;
  text-align: center;
  margin: 3px;
  padding: 2px;
  text-transform: capitalize;
  font-weight: bolder;
  }
  #BLOGDESCRIPTION {
  font-family: Arial;
  font-size: 10pt;
  color: #967763;
  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: 0px;
  margin-right: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
  padding: 0px;
  text-align: justify;
  border-top-width: thin;
  border-right-width: thin;
  border-bottom-width: thin;
  border-left-width: thin;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #f2e8de;
  border-right-color: #f2e8de;
  border-bottom-color: #f2e8de;
  border-left-color: #f2e8de;
  }
  h1{
  color: #f2e8de;
  text-align: center;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: bold;
  padding: 0px;
  letter-spacing: 3px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 3px;
  margin-left: 0px;
  border: thin solid #f2e8de;
  }
  /* ---------------------------------
  STILE DELI BOX DELLA COLONNA DEI POST
  --------------------------------- */
  h2 {
  font-family: Arial;
  font-size: 14pt;
  color: #6F5748;
  text-align: right;
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: #6F5748;
  margin-bottom: -5px;
  padding-bottom: -5px;
  text-transform: capitalize;
  }
  .post {
  border: 2px solid #c0ac9f;
  padding: 5px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  cursor: text;
  }
  .boxiniziale {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #967763;
  text-align: left;
  margin-bottom: 5px;
  padding-bottom: 2px;
  }
  .itempost {
  font-family: Tahoma;
  font-size: 11pt;
  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: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #967763;
  text-align: right;
  }
#BOXMAIN {
  float: left;
  margin-top: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  width: 510px;
  }
  /* ---------------------------------
  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 {
  background:transparent;
  }
.comment-body {
  color: #000000;
  font-size: 11pt;
  text-align: left;
  padding: 2px;
  }
.comment-top {
  border-bottom: 1px solid #6F5748;
  text-align: right;
  padding: 0px 2px 15px 2px;
  }
.comment-bottom {
  background: transparent;
  text-align: left;
  }
.comment-tips {
  background: transparent;
  text-align: left;
  font-style:normal; 
  font-variant:normal; 
  font-weight:normal;
  } 
.comment-form-title {
  color: #6F5748;
  font-weight: bold;
  font-size: 8pt; 
  text-transform: capitalize;
  text-align: left;
  } 
.comment-form-user {
  background:transparent ;
  text-align: left;
  font-size: 8pt;
  font-style:normal; 
  font-variant:normal; 
  font-weight:normal;
  color: #000000;
  } 
  /* ---------------------------------
  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: #990000;
  text-decoration: none;
  cursor: crosshair;
  }
a:visited {
  color: #990000;
  text-decoration: none;
  cursor: crosshair;
  }
a:hover{
  color: #990000;
  text-decoration: underline overline;
  font-weight: bold;
  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;
  }
  dl, dt {
  margin: 2px;
  padding: 3px;
  }
  /* ---------------------------------
  STILE IMPAGINAZIONE 
  --------------------------------- */
#pager {
  color: #c0ac9f;
  font-size: 8pt;
  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: 85%;
  font-size: 10pt;
  }
  b, strong {
  font-weight: bold;
  color: #990000;
  }
  i, u {
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: #990000;
  line-height: 150%;
  }
  </style>
  </head>
<body>
<div id="immagine" style="position: absolute; top:0px; "><img src="http://img241.imageshack.us/img241/3497/caneou1.jpg" border="0" /></div>
<div id="post" style="position:absolute; left:3px; top:346px; width:533px; height:394px; z-index:1">
  <div id="BOXMAIN">
  <div class="titolo"><$BlogTitle$></div>
 <div id="BLOGDESCRIPTION"><$BlogDescription$></div>
  <$BlogPhotoAlbum$>
  <Blogger> 
<p align="center"><$BlogNavigation$></p>
<div class="post">
  <div class="boxiniziale">Anticipazioni: <$BlogItemCategories$> <br /> 
  </div>
  <h2><$BlogItemTitle$> </h2>
<div class="boxiniziale"> il 
  <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate> 
  alle <$BlogItemDateTime$>
  </div>
<div class="itempost"><$BlogItemBody$></div>
<div class="boxfinale"><$BlogItemComments$> (popup) *|* <$BlogItemCommentLink$><$BlogItemCommentList$><br />
  <a href="<$BlogItemPermalink$>" title="permalink to this post">link permanente a questo post </a> 
  </div>
</div>

</Blogger>
    
  <div id="pager"><$BlogPager$></div>
</div> </div>
<div id="COLONNA" style="position: absolute; top: 83px; left: 542px; width: 227px; height: 4074px;">
  
<div class="boxmenu">
  <h1>.:Virtualmente io:.</h1>
  <p><$BlogAboutMe$></p>
  </div><br />
  <div class="boxmenu">
  <h1>.:Carta d'identità:.</h1>
  
  <p>
  <b>Nome</b>: <br />
  <b>Compleanno</b>: <br />
  <b>Residente a</b>: <br />
  <b>Segno Zodiacale: </b><br />
  <b>Ascendente</b>: <br />
  <b>Professione principale</b>: <br />
  <b>Stato Civile</b>: <br />
  </p>
  </div><br />
  <div class="boxmenu">
  <h1>.:Data E ora:.</h1>
  </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>.:Per contattarmi:. </h1>
  <p align="center">	<$BlogButtons$><br />
  <$BlogFeeds$></p> 
  </div><br />
  <div class="boxmenu">
  <h1>.:Archivio:.</h1>
  <p><$BlogArchive$></p>
  </div><br />
  <div class="boxmenu">
  <h1>.:Benvenuti:. </h1>
  <p>Hanno fatto parte della mia vita 
  .:<$BlogCounter$>:. navigatori</p>
  </div><br />
  <div class="boxmenu">
  <h1>.:Le mie parole al vento:.</h1>
  <p><$BlogCategories$></p>
  </div><br />
  <div class="boxmenu">

<h1>.:Ormai è andata:.</h1>
  <p><$BlogArchive$></p>
  </div><br />
<div class="boxmenu">
  <h1>.:Chi ha parlato con me:.</h1>
  <p><$BlogRecentComments$></p>
  </div><br />
  <div class="boxmenu"> 
  <h1><s>.:Cose fatte</s> e <br>cose che vorrei:.</h1>
  <p><s>* bla bla bla
  <br>* bla bla bla
  <br>* bla bla bla
  <br>* bla bla bla
 </s><br> 
  <br>- bla bla bla
  <br>- bla bla bla
  <br>- bla bla bla
  <br>- bla bla bla
  <br>- bla bla bla
  <br>- bla bla bla
  <br>- bla bla bla </p>
  </div><br />
  <div class="boxmenu">
  <h1>.:Blog che leggo:.</h1>
  <p>   <$BlogLinkOut$></p>
  </div><br />
<div class="boxmenu">
  <h1>.:Altri link:.</h1>
  <dl>
  <dt><a href="" target="_blank">bla bla bla</a>: bla bla bla</dt>
  <dt><a href="" target="_blank">bla bla bla</a>: bla bla bla</dt>
  <dt><a href="" target="_blank">bla bla bla</a>: bla bla bla</dt>
  <dt><a href="" target="_blank">bla bla bla</a>: bla bla bla</dt>  </dl>
  </div><br />
  </div>
  
  </div>
  </body>
  </html>

Altro:
Immagine trovata con Google.
Le parole sono di Uncle Kracker - Follow me. Anche questo è stato del mio blog personale, quindi trattatemelo bene.

Anteprima:

Titolo: benvenuti nel mio piccolo mondo

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>   body {   background-color: #000000;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   #sinistra {   padding: 0px;   width: 200px;   float: left;   font-size: 8px;   border-right-width: thin;   border-right-style: dashed;   border-right-color: #ff40ff;   }   .boxmenu {   margin-top: 0px;   margin-right: 0px;   margin-bottom: 30px;   margin-left: 0px;   padding: 5px;   text-align: justify;   }   h1{   font-size: 10pt;   color: #F200F2;   text-align: center;   background-color: #FFC1FF;   border-top-width: thin;   border-bottom-width: thin;   border-top-style: solid;   border-bottom-style: solid;   border-top-color: #F200F2;   border-bottom-color: #F200F2;   text-transform: capitalize;   width: 100%;   }   .titolo {   font-family: Tahoma;   font-size: 18pt;   color: #F200F2;   text-align: center;   margin: 3px;   padding: 3px;   text-transform: capitalize;   font-weight: bolder;   border: thin double #F200F2;   }   #BLOGDESCRIPTION {   font-family: Arial;   font-size: 10pt;   color: #FFCCFF;   text-align: justify;   margin: 5px;   background-position: center;   padding-top: 5px;   padding-bottom: 60px;   padding-left: 40px;   font-variant: small-caps;   padding-right: 20px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   #contenitore {   padding-left: 15px;      }   #post {   padding: 5px;   width: 65%;   }   h2 {   font-family: Arial;   font-size: 12pt;   color: #990099;   text-align: center;   text-transform: capitalize;   padding: 0px;   }   .itempost{   font-size: 10pt;   font-family: Verdana, Arial, Helvetica, sans-serif;   color: #FFFFFF;   }   .boxiniziale {   font-family: Arial, Helvetica, sans-serif;   font-size: 8pt;   color: #CC99CC;   text-align: left;   margin-bottom: 5px;   padding-bottom: 2px;   margin-top: 2px;   padding-top: 3px;   }   .boxfinale {   font-family: Arial, Helvetica, sans-serif;   font-size: 8pt;   color: #CC99CC;   text-align: center;   padding-top: 30px;   }   /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{   color: #CC0066;   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: #FF99FF;   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: #990099;   text-decoration: none;   } a:visited {   color: #990099;   text-decoration: none;   } a:hover{   color: #ff40ff;   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    --------------------------------- */ #pagine {   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;   font-family: Verdana, Arial, Helvetica, sans-serif;   color: #FFFFFF;   text-align: justify;   }   blockquote {   font-style: italic;   width: 70%;   }   u {   border-bottom-width: thin;   border-bottom-style: solid;   border-bottom-color: #FFC1FF;   text-decoration: underline;   }   b, strong {   color: #FFC1FF;   }  #immagine {   padding-top: 35px;   left: 0px;   top: 12px;   }   .Stile1 {color: #F200F2}   </style>   </head> <body> <div id="immagine" style="position: absolute; top:0px; "><img src="http://img523.imageshack.us/img523/3183/mery3cy6.jpg" border="0" /></div>   <div id="alto1" style="position: absolute; top: 53px; left: 468px; width: 177px; height: 199px;">   <marquee width="177" height="200" direction="up" scrollamount="1"><p class="Stile1">metti qui la scritta che vuoi che scorra  metti qui la scritta che vuoi che scorra metti qui la scritta che vuoi che scorra metti qui la scritta che vuoi che scorra metti qui la scritta che vuoi che scorra metti qui la scritta che vuoi che scorra metti qui la scritta che vuoi che scorra metti qui la scritta che vuoi che scorra metti qui la scritta che vuoi che scorra  </p>   </marquee>    </div>   <div id="sinistra" style="position: absolute; top: 447px; left: 4px; width: 200px; ">      <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>grazie della visita</h1>   Hanno fatto parte del mio mondo   <b><$BlogCounter$></b>   persone </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>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$>   </p>   </div><br />   <div class="boxmenu">       <h1>Credits</h1>   Immagine © <a href="http://imageshack.us/" target="_blank" targhet="_blank">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>   Template © <a href="http://klakli85.splinder.com" target=_blank>klaklina85</a><br />   Distribuito © <a href="http://klakli85.splinder.com">**PeNsiEri&amp;GraFiCa**</a>   </div>   <div class="boxmenu">      <h1>I miei adesivi</h1><p align="center">   <img src="" width="180px" />   </p></div>      </div> <div id="contenitore" style="position:absolute; left:220px; top:456px; width:65%; height:81px; z-index:1">   <div class="titolo"><$BlogTitle$></div>   <div id="BLOGDESCRIPTION"><$BlogDescription$></div>    <$BlogPhotoAlbum$><br />   <Blogger>    <$BlogNavigation$>   <div class="post">   <div class="boxiniziale"> scritto da <$BlogItemAuthorNickname$>   <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate> alle <$BlogItemDateTime$>   </div>   <h2>.: <$BlogItemTitle$> :. </h2>   <div class="itempost"><$BlogItemBody$></div>  <div class="boxfinale">   commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   </div>      <h1>.:: ... il mio piccolo mondo ... ::.</h1>  </div>   </Blogger>      <div id="pager"><$BlogPager$></div>    </div> </body>   </html>

Altro:
Colori nero e rosa.
Nella stella c'è una scritta scorrevole.
Immagine fornita da chi ha fatto la richiesta.

Anteprima:

Titolo: i favolosi anni '80

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;   font-family: Verdana, Helvetica, Arial, sans-serif;   font-size: 100%;   text-align: center;   padding: 0px;   margin: 0px;   background-image: url(http://img186.imageshack.us/img186/1623/patternverdenp0.jpg);   }   #CONTENITORE {   padding: 5px;   width: 810px;   margin-top: 10px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   top: 32px;   background-color: #81AB81;   }   #COLONNA {   float: right;   width: 230px;   margin: 4px;   padding: 5px;   background-color: #003300;   text-align: center;   }   #CREDITS {   padding: 5px 0px;   font-size: 0.7em;   color: #333333;   text-align: center;   }   #FOOTER {   clear: both;   margin: 5px;   padding: 5px;   background-color: #D5E3D5;   } /* ---------------------------------   STILE DELLA TESTATA   --------------------------------- */   #TESTATA {   margin-bottom: 10px;   background-repeat: no-repeat;   background-position: center top;   font-family: Tahoma;   background-image: url(http://img138.imageshack.us/img138/4585/anni80gc0.gif);   height: 350px;   width: 790px;   background-color: #D5E3D5;   border: thin solid #003300;   }   .titolo {   font-family: Tahoma;   font-size: 18pt;   color: #003300;   text-align: center;   padding: 2px;   text-transform: capitalize;   font-weight: bolder;   margin-top: 280px;   margin-right: 3px;   margin-bottom: 3px;   margin-left: 3px;   letter-spacing: 3px;   }   #BLOGDESCRIPTION {   font-family: Arial;   font-size: 9pt;   color: #003300;   text-align: justify;   margin: 5px;   background-position: center;   font-variant: small-caps;   padding: 5px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   .boxmenu {   margin-top: 0px;   margin-right: 0px;   margin-bottom: 10px;   margin-left: 0px;   padding: 0px;   text-align: justify;   color: #D5E3D5;   width: 210px;   }   h1{   color: #003300;   text-align: center;   font-size: 12px;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   letter-spacing: 3px;   background-color: #D5E3D5;   width: 210px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   h2 {   font-family: Arial;   font-size: 14pt;   color: #006600;   text-align: center;   margin-bottom: -5px;   padding-bottom: -5px;   text-transform: capitalize;   border-bottom-width: thin;   border-bottom-style: dashed;   border-bottom-color: #006600;   }   .post {   padding: 5px;   background-color: #D5E3D5;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   border-right-width: thin;   border-bottom-width: thin;   border-left-width: thin;   border-right-style: dashed;   border-bottom-style: dashed;   border-left-style: dashed;   border-right-color: #003300;   border-bottom-color: #003300;   border-left-color: #003300;   }   .boxiniziale {   font-family: Arial, Helvetica, sans-serif;   font-size: 8pt;   color: #666666;   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;   padding-top: 10px;   padding-right: 0px;   padding-bottom: 5px;   padding-left: 0px;   text-align: justify;   }   .boxfinale {   font-family: Arial, Helvetica, sans-serif;   font-size: 9pt;   color: #666666;   text-align: right;   } #BOXMAIN {   float: left;   width: 540px;   margin-top: 0px;   margin-right: 5px;   margin-bottom: 5px;   margin-left: 5px;   background-color: #D5E3D5;   }   /* ---------------------------------   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 {   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: #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: #236946;   text-decoration: none;   font-weight: bold;   } a:visited {   color: #236946;   text-decoration: none;   font-weight: bold;   } a:hover{   color: #236946;   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;   }   /* ------------