2 colonne 4

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: Virgin suicides

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: #20160d;   font-family: Verdana, Helvetica, Arial, sans-serif;   text-align: center;   padding: 0px;   margin: 0px;   }   #CONTENITORE {   background-color: #20160d;   padding: 5px;   width: 780px;   margin-top: 10px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   top: 32px;   background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/virginsuicide.jpg);   background-repeat: no-repeat;   background-position: center top;   }   #COLONNA {   float: right;   width: 200px;   padding: 2px;   margin-top: 403px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;   }   #CREDITS {   padding: 5px 0px;   font-size: 0.7em;   color: #FFFFFF;   text-align: center;   }   #FOOTER {   clear: both;    margin: 5px;   padding: 5px;   } /* ---------------------------------   STILE DELLA TESTATA   --------------------------------- */   #TESTATA {   margin-bottom: 10px;   font-family: Tahoma;   padding: 0px;   }   .titolo {   font-family: Tahoma;   font-size: 18pt;   color: #fbe6e3;   text-align: center;   padding: 0px;   text-transform: capitalize;   font-weight: bolder;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   }   #BLOGDESCRIPTION {   font-family: Arial;   font-size: 9pt;   color: #CCCCCC;   text-align: justify;   margin: 0px;   background-position: center;   font-variant: small-caps;   padding: 0px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   .boxmenu {   margin-top: 5px;   margin-right: 5px;   margin-bottom: 10px;   margin-left: 5px;   padding: 0px;   width: 196px;   text-align: left;   color: #CCCCCC;   }   h1{   color: #8FA68C;   text-align: left;   font-size: 12pt;   text-transform: capitalize;   font-weight: bolder;   margin: 0px;   padding-top: 0px;   padding-right: 0px;   padding-bottom: 0px;   padding-left: 5px;   border-left-width: 6px;   border-left-style: solid;   border-left-color: #8FA68C;   font-family: Verdana;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   h2 {   font-family: Arial;   font-size: 14pt;   color: #FF93B6;   text-align: left;   text-transform: capitalize;   margin: 0px;   border-left-width: 6px;   border-left-style: solid;   border-left-color: #FF93B6;   padding-top: 0px;   padding-right: 0px;   padding-bottom: 0px;   padding-left: 5px;   background-color: #FFE1EB;   }   .post {   padding: 0px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   }   .boxiniziale {   font-family: Verdana;   font-size: 8pt;   color: #CCCCCC;   text-align: left;   margin-bottom: 5px;   padding-bottom: 2px;   }   .itempost {   font-family: Tahoma;   font-size: 11pt;   color: #bdcbbb;   margin-top: 5px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   padding-top: 10px;   padding-right: 0px;   padding-bottom: 5px;   padding-left: 0px;   text-align: justify;   }   .boxfinale {   font-family: Verdana;   font-size: 8pt;   color: #CCCCCC;   text-align: center;   }   /* SOCIAL BOOKMARKING */   .sb_label {   /* display: inline; */   visibility: hidden;   }   .social_bookmarking {   /* margin-top: 10px; */   padding: 0;   }   .social_bookmarking ul {   display: inline;   margin: 0;   padding: 0;   }   .social_bookmarking ul li {   display: inline;   margin: 0 0 0 10px;   }   .social_bookmarking ul li img {   border: none;  } #BOXMAIN {   float: left;   width: 550px;   margin-top: 400px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;   }   /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{   color: #FFFFFF;   margin: 15px 0px;   text-align: center;   font-size: 9pt;   text-decoration: none;   } .prev {   float: left;   text-align: left;   width: 45%;   } .next {   float: right;   text-align: right;   width: 45%;   } .home {   text-align: center;   } /* ---------------------------------   STILE COMMENTI   --------------------------------- */ .comment {   margin-top: 1em;   background:transparent;   width: 99%;   border-bottom: 1px solid #cccccc;   } .comment-body {   color: #FFFFFF;   font-size: 10pt;   text-align: left;   padding: 5px;   } .comment-top {   text-align: right;   margin-bottom: 5px;   padding: 0px 2px 15px 2px;   } .comment-bottom {   background: transparent;   text-align: left;   color: #FF93B6;   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: #CCCCCC;   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: #FFFFFF;   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: #7dbdcc;   text-decoration: none;   } a:visited {   color: #7dbdcc;   text-decoration: none;   } a:hover{   color: #7dbdcc;   text-decoration: none;   font-weight: bold;   }   /* ---------------------------------   LIST STYLE   --------------------------------- */ #COLONNA ul {   list-style-type: disc;   margin-top: 5px;   margin-left: 20px;   margin-bottom: 5px;   padding-left: 2px;   } #COLONNA li{   background: transparent;   padding: 0px;   } ul {   list-style-type: circle;   margin-top: 5px;   margin-left: 30px;   margin-bottom: 5px;   padding-left: 2px;   } li{   background: transparent;   padding: 0px;   }   /* ---------------------------------   STILE IMPAGINAZIONE    --------------------------------- */ #pager {   text-align: right;   margin: 5px;   padding: 5px;   }   #pager div {   padding: 5px;   font-weight: normal;   display: inline; }   #pager a {   text-decoration: none;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div {   font-size: 10pt;   margin: 2px;   padding: 3px;   }   b, strong {   color: #8fc0c4;   }   u{   text-decoration: none;   border-bottom-width: 2px;   border-bottom-style: dashed;   border-bottom-color: #8fc0c4;   padding: 0px;   }   i {   color: #FFFFFF;   }   blockquote {   width: 95%;   background-color: #365637;   border: 2px dashed #BFD7C0;   text-align: justify;   padding: 5px;   font-size: 10pt;   margin-right: auto;   margin-left: auto;   color: #BFD7C0;   }   </style>   </head> <body>     <div id="CONTENITORE">      <div id="COLONNA">     <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>Data e ora </h1>   <p>metti qui ora e data</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>   <blockquote>«Scoprimmo che le ragazze <b>sapevano tutto</b> di noi. E che noi, noi <u>non</u> <u>potevamo</u> <u>capirle</u> <i>affatto.</i>»</blockquote>   <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>Blog che leggo </h1>   <p>Template &copy; <a href="http://klakli85.splinder.com">klakli85</a>  <br>    Immagine &copy; <a href="http://www.sweetandtalented.com/index.php" target="_blank">Sweet &amp; Talented</a> <br>    Words &copy; «Virgin Suicides» <br />   <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a>    per free host  <br> Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>]    [<a href="http://glittersister.splinder.com/" target="_blank">x</a>] [<a href="http://polveredigrafica.splinder.com/" target="_blank">x</a>]</p>   </div><br />      </div>           <div id="BOXMAIN">    <div id="TESTATA">  <div class="titolo"><$BlogTitle$></div>  <div id="BLOGDESCRIPTION"><$BlogDescription$></div> </div>       <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post"> <h2><$BlogItemTitle$></h2> <div class="boxiniziale"> scritto da <b><$BlogItemAuthorNickname$></b>   <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>    alle <$BlogItemDateTime$>   </div> <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">   categoria: <$BlogItemCategories$> <br />    commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   <$BlogItemSocialBookmarking$>   </div> </div>  </Blogger>        <div id="pager"><$BlogPager$></div> </div>     <div id="FOOTER">   <div id="CREDITS"> </div>   </div>   </div>    </body>   </html>

Anteprima:

Titolo: On The Road

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: #070206;   font-family: Verdana, Helvetica, Arial, sans-serif;   text-align: center;   padding: 0px;   margin: 0px;   }   #CONTENITORE {   padding: 0px;   width: 780px;   margin-top: 10px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   top: 32px;   background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/road.jpg);   background-repeat: no-repeat;   background-position: center top;   }   #COLONNA {   float: right;   width: 221px;   padding: 0px;   margin-top: 165px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;   color: #6e7e59;   }   #FOOTER {   clear: both;    margin: 0px;   padding: 0px;   } /* ---------------------------------   STILE DELLA TESTATA   --------------------------------- */   #TESTATA {   margin-bottom: 10px;   background-repeat: no-repeat;   font-family: Tahoma;   }   .titolo {   font-family: Verdana;   color: #FFFFFF;   text-align: center;   margin: 0px;   padding: 0px;   text-transform: capitalize;   font-weight: bold;   font-size: 18px;   font-variant: small-caps;   }   #BLOGDESCRIPTION {   font-family: Verdana;   font-size: 14px;   color: #CCCCCC;   text-align: left;   margin: 0px;   background-position: center;   font-variant: normal;   padding-top: 0px;   padding-right: 2px;   padding-bottom: 0px;   padding-left: 2px;   line-height: 14px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   .boxmenu {   margin-top: 5px;   margin-right: 0px;   margin-bottom: 15px;   margin-left: 0px;   padding: 0px;   width: 220px;   font-family: Verdana;   font-size: 12px;   line-height: 12px;   text-align: left;   }   h1{   color: #E2E7DC;   text-align: right;   font-size: 13px;   text-transform: capitalize;   font-weight: bold;   padding: 0px;   background-color: #6e7e59;   letter-spacing: 3px;   font-family: Verdana;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA DEI POST   --------------------------------- */   h2 {   font-family: Verdana;   font-size: 14pt;   color: #fcd295;   text-align: left;   text-transform: capitalize;   margin: 0px;   line-height: 14pt;   border-left-width: 5px;   border-left-style: solid;   border-left-color: #fcd295;   padding-top: 0px;   padding-right: 0px;   padding-bottom: 0px;   padding-left: 4px;   }   .post {   width: 555px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   padding-top: 5px;   padding-right: 2px;   padding-bottom: 5px;   padding-left: 3px;   }   .boxiniziale {   font-family: Georgia;   font-size: 13pt;   color: #333333;   text-align: right;   margin-bottom: 3px;   padding-bottom: 2px;   margin-top: 0px;   margin-right: 2px;   margin-left: 0px;   padding-top: 0px;   padding-right: 1px;   padding-left: 0px;   }   .itempost {   font-family: Tahoma;   font-size: 10pt;   color: #000000;   padding-top: 4px;   padding-right: 0px;   padding-bottom: 4px;   padding-left: 0px;   text-align: justify;   width: 550px;   margin: 0px;   }   .boxfinale {   font-family: Arial, Helvetica, sans-serif;   font-size: 9pt;   color: #204955;   text-align: right;   }   /* SOCIAL BOOKMARKING */   .sb_label {   /* display: inline; */   visibility: hidden;   }   .social_bookmarking {   /* margin-top: 10px; */   padding: 0;   }   .social_bookmarking ul {   display: inline;   margin: 0;   padding: 0;   }   .social_bookmarking ul li {   display: inline;   margin: 0 0 0 10px;   }   .social_bookmarking ul li img {   border: none;  } #BOXMAIN {   float: left;   width: 559px;   margin-top: 410px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   padding: 0px;   background-color: #6e7e59;   }   /* ---------------------------------   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: #660000;   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: #573939;   text-decoration: none;   } a:visited {   color: #573939;   text-decoration: none;   } a:hover{   color: #fcd295;   font-weight: bold;   letter-spacing: 2px;   }   /* ---------------------------------   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 {   text-align: center;   padding: 0px;   text-decoration: none;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 10px;   margin-left: 0px;   }   #pager div {   padding: 0px;   font-weight: normal;   display: inline;   text-decoration: none;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 10px;   margin-left: 0px;   }   #pager a {   text-decoration: none;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 10px;   margin-left: 0px;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div {   font-size: 10pt;   margin: 0px;   padding-top: 0px;   padding-right: 1px;   padding-bottom: 0px;   padding-left: 2px;   }   i, em {   color: #fcd295;   }   u {   border-bottom-width: 1px;   border-bottom-style: dashed;   border-bottom-color: #e5f1c2;   text-decoration: none;   margin: 0px;   padding: 0px;   }   b {   color: #CC9999;   }   blockquote {   font-style: normal;   width: 90%;   padding-top: 0px;   padding-right: 0px;   padding-bottom: 0px;   padding-left: 3px;   border-left-width: 6px;   border-left-style: double;   border-left-color: #37402D;   }   </style>   </head> <body>      <div id="CONTENITORE">     <div id="COLONNA">      <div class="titolo"><$BlogTitle$></div>      <div id="BLOGDESCRIPTION"><$BlogDescription$></div>   <br /><br />   <div class="boxmenu">   <h1>this blog </h1>   <p>Versione del blog #x<br />   personalizzalo in <i>corsivo</i>, <b>grassetto</b> e <u>sottolineato</u> </p>   </div><br />      <div class="boxmenu">   <h1>io </h1>      <p><$BlogAboutMe$><br />   parla di te in <i>corsivo</i>, <b>grassetto</b> e <u>sottolineato</u> </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>Data e ora </h1>   <p>metti qui ora e data</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>abbottoniamoci</h1>   <p align="center">	<$BlogButtons$><br />   <$BlogFeeds$></p>   </div><br />   <div class="boxmenu">   <h1>Wishlist </h1>   <p>desiderio da esaudire   <br />desiderio da esaudire   <br />desiderio da esaudire   </p>   <p><s>desiderio esaudito   <br />desiderio esaudito   <br />desiderio esaudito   </s> </p>   </div><br />   <div class="boxmenu">   <h1>Commenti recenti </h1>   <p>					<$BlogRecentComments$></p>   </div><br />   <div class="boxmenu">    <h1>La mia musica </h1>      <p>metti qui il codice del tuo player o l'elenco della musica che ti piace</p>   </div><br />   <div class="boxmenu">   <h1>Blog che leggo </h1>   <p><$BlogLinkOut$><BR>      <A href="http://www.....com/" target=_blank>Link</A><BR>   <A href="http://www.....com/" target=_blank>Link</A><BR></p>   </div><br />   <div class="boxmenu">   <h1>Credits</h1>   <p>Template &copy; <a href="http://klakli85.splinder.com">klakli85</a>  <br />    Immagine on  <a href="http://photobucket.com/?link=topmenu" target=_blank>Photobucket</a> <br />   Words by <i>«On The Road»</i> di Jack Kerouac <br />    <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <a href="http://home.altervista.org/site/" target=_blank>Altervista</a>    per free host  <br />    Distribuito da    [<a href="http://klakli85.splinder.com" target="_blank">x</a>][<a href="http://kumpapv.altervista.org/riassunti_lavori/home.html" target="_blank">x</a>][<a href="http://glittersister.splinder.com/" target="_blank">x</a>][<a href="http://polveredigrafica.splinder.com/" target="_blank">x</a>]   </p>   </div>      </div>        <div id="BOXMAIN">   <$BlogPhotoAlbum$>   <Blogger>    <p align="center"><$BlogNavigation$></p>   <div class="post">   <div class="boxiniziale">    <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> @ <$BlogItemDateTime$>   </div>   <h2><$BlogItemTitle$></h2>   <div class="itempost"><$BlogItemBody$></div>   <div class="boxfinale">   <strong><$BlogItemAuthorNickname$></strong> per la serie <$BlogItemCategories$> <br />    commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   <$BlogItemSocialBookmarking$>   </div>   </div>   </Blogger>   <div id="pager"><$BlogPager$></div>   </div>             <div id="FOOTER"></div>      </div>      </body>   </html>

Template sui toni scuri ma che mi piace molto..sarà l'immagine. La frase è presa dal libro «On The Road» di Jack Kerouac.

Anteprima:

Titolo: Delilah

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: #434979;     font-family: Verdana, Helvetica, Arial, sans-serif;     text-align: center;     padding: 0px;     margin: 0px;     }     #CONTENITORE {     padding: 0px;     width: 642px;     margin-top: 10px;     margin-right: auto;     margin-bottom: 0px;     margin-left: auto;     top: 32px;     background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/delilah.jpg);     background-repeat: no-repeat;     background-position: right top;     background-color: #2c3050;     }     #COLONNA {     float: right;     padding: 2px;     width: 150px;     margin-top: 310px;     margin-right: 0px;     margin-bottom: 0px;     margin-left: 0px;     }     #FOOTER {     clear: both;     padding: 0px;     background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/delilahbasso.jpg);     background-repeat: no-repeat;     background-position: center center;     margin-top: 10px;     margin-right: 0px;     margin-bottom: 0px;     margin-left: 0px;     height: 104px;     width: 642px;     }     /* ---------------------------------     STILE DELI BOX DELLA COLONNA     --------------------------------- */     .boxettino {     width: 120px;     margin-top: 8px;     margin-right: 13px;     margin-bottom: 5px;     margin-left: 13px;     font-family: Verdana;     font-size: 10px;     line-height: 9px;     color: #8783a6;     text-align: right;     border-right-width: 3px;     border-right-style: double;     border-right-color: #8783a6;     padding-top: 0px;     padding-right: 3px;     padding-bottom: 0px;     padding-left: 0px;     }     .boxmenu {     margin-top: 5px;     margin-right: 0px;     margin-bottom: 10px;     margin-left: 0px;     padding: 0px;     text-align: left;     font-family: Tahoma;     font-size: 12px;     line-height: 12px;     color: #999999;     }     h1{     color: #F9ECEC;     text-align: right;     font-size: 15px;     text-transform: capitalize;     border-right-width: 5px;     border-right-style: solid;     border-right-color: #F9ECEC;     font-family: Georgia;     padding-top: 0px;     padding-right: 4px;     padding-bottom: 0px;     padding-left: 0px;     margin-top: 0px;     margin-right: 0px;     margin-bottom: 4px;     margin-left: 0px;     line-height: 15px;     }     /* ---------------------------------     STILE DELI BOX DELLA COLONNA DEI POST     --------------------------------- */     h2 {     font-family: Georgia;     font-size: 18px;     color: #ab7b87;     text-align: left;     text-transform: capitalize;     line-height: 19px;     margin: 0px;     padding: 0px;     font-variant: small-caps;     }     .post {     padding: 5px;     margin-top: 0px;     margin-right: 0px;     margin-bottom: 20px;     margin-left: 0px;     }     .boxiniziale {     font-family: Georgia;     font-size: 14pt;     color: #dcdff2;     text-align: right;     margin-bottom: 5px;     padding: 2px;     }     .categorie {     font-family: Verdana;     font-size: 10px;     line-height: 10px;     text-align: left;     padding: 0px;     margin: 0px;     color: #FFFFFF;     }     .itempost {     font-family: Tahoma;     font-size: 14px;     color: #CCCCCC;     margin-top: 5px;     margin-right: 0px;     margin-bottom: 5px;     margin-left: 0px;     padding-top: 10px;     padding-right: 0px;     padding-bottom: 5px;     padding-left: 0px;     line-height: 15px;     text-align: justify;     }     .boxfinale {     font-family: Arial, Helvetica, sans-serif;     font-size: 9pt;     color: #666666;     text-align: center;     }     /* SOCIAL BOOKMARKING */     .sb_label {     /* display: inline; */     visibility: hidden;     }     .social_bookmarking {     /* margin-top: 10px; */     padding: 0;     }     .social_bookmarking ul {     display: inline;     margin: 0;     padding: 0;     }     .social_bookmarking ul li {     display: inline;     margin: 0 0 0 10px;     }     .social_bookmarking ul li img {     border: none;      }   #BOXMAIN {     float: left;     width: 487px;     padding: 0px;     margin-top: 310px;     margin-right: 0px;     margin-bottom: 0px;     margin-left: 0px;     }     /* ---------------------------------     STILE NAVIGAZIONE     --------------------------------- */   .navigation{     color: #FFFFFF;     margin: 15px 0px;     text-align: center;     font-size: 9pt;     text-decoration: none;     }   .prev {     float: left;     text-align: left;     width: 45%;     }   .next {     float: right;     text-align: right;     width: 45%;     }   .home {     text-align: center;     }   /* ---------------------------------     STILE COMMENTI     --------------------------------- */   .comment {     margin-top: 1em;     background:transparent;     width: 99%;     border-bottom: 1px solid #cccccc;     }   .comment-body {     color: #CCCCCC;     font-size: 10pt;     text-align: left;     padding: 5px;     }   .comment-top {     text-align: right;     margin-bottom: 5px;     padding: 0px 2px 15px 2px;     color: #FFFFFF;     }   .comment-bottom {     background: transparent;     text-align: left;     color: #7bace4;     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: #7bace4;     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: #efb5bc;     text-decoration: none;     }   a:visited {     color: #efb5bc;     text-decoration: none;     }   a:hover{     color: #efb5bc;     font-weight: bold;     letter-spacing: 2px;     }     /* ---------------------------------     LIST STYLE     --------------------------------- */   #COLONNA ul {     list-style-type: disc;     margin-top: 5px;     margin-left: 20px;     margin-bottom: 5px;     padding-left: 2px;     }   #COLONNA li{     background: transparent;     padding: 0px;     }   ul {     list-style-type: circle;     margin-top: 5px;     margin-left: 30px;     margin-bottom: 5px;     padding-left: 2px;     }   li{     background: transparent;     padding: 0px;     }     /* ---------------------------------     STILE IMPAGINAZIONE      --------------------------------- */   #pager {     text-align: center;     margin: 5px;     padding: 5px;     }     #pager div {     padding: 5px;     font-weight: normal;     display: inline;     }     #pager a {     text-decoration: none;     }     /* ---------------------------------     STILE GENERALE     --------------------------------- */     p, td, tr, div {     font-size: 10pt;     margin: 0px;     padding: 0px;     }     blockquote {     font-style: italic;     width: 70%;     }     b, strong {     color: #FFFFFF;     }     i, em{     color: #99caf8;     }     u {     color: #b18ba9;     }   </style>   </head>   <body>         <div id="CONTENITORE">          <div id="COLONNA">      <div class="boxmenu">   <h1>il blog</h1>   <div class="boxettino">Hey there Delilah<br />     whats it like in <b>New York City</b><br />     I'm a thousand miles away<br />     but girl tonight <u>you look so pretty</u><br />     yes you do<br />     Time Square can't shine as bright as you<br />     I swear it's true <br />     <i>Don't worry about the distance I'm right there if you get lonely</i></div>     parla del blog in <b>grassetto</b>, <i>corsivo</i> e <u>sottolineato</u>     </div><br />     <div class="boxmenu">     <h1>Data e ora</h1>     metti qui ora e data     </div><br />   <div class="boxmenu">     <h1>io</h1>          <$BlogAboutMe$><br />     testo testo testo testo testo testo testo testo testo testo testo testo testo     </div><br />     <div class="boxmenu">     <h1>Amo</h1>          testo testo testo testo testo testo testo testo testo testo testo testo testo     </div><br />     <div class="boxmenu">     <h1>Odio</h1>          testo testo testo testo testo testo testo testo testo testo testo testo testo     </div><br />     <div class="boxmenu">          <h1>Altro</h1>     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;     </div><br />     <div class="boxmenu">     <h1>Archivio</h1>     <$BlogArchive$>     </div><br />     <div class="boxmenu">     <h1>Passati di qui</h1>     <$BlogCounter$>     </div><br />     <div class="boxmenu">     <h1>Tagboard</h1>     metti qui la tagboard     se non sai dovre prenderla vai su http://cbox.ws/     </div><br />     <div class="boxmenu">     <h1>Commenti recenti</h1>     <$BlogRecentComments$>   </div><br />   <div class="boxmenu">   <h1>Catalogando i miei pensieri</h1>   <$BlogCategories$>   </div><br />   <div class="boxmenu">      <h1>Archivio</h1>   <$BlogArchive$>   </div><br />   <div class="boxmenu">   <h1>Tutti i bottoni</h1>   <p align="center">	<$BlogButtons$><br />   <$BlogFeeds$>   </div><br />   <div class="boxmenu">   <h1>Wishlist</h1>     desiderio da esaudire   <br />desiderio da esaudire   <br />desiderio da esaudire   <br /><br />   <s>desiderio esaudito   <br />desiderio esaudito   <br />desiderio esaudito   </s>    </div><br />   <div class="boxmenu">    <h1>La mia musica</h1>        metti qui il codice del tuo player o l'elenco della musica che ti piace   </div><br />   <div class="boxmenu">   <h1>Blog che leggo</h1>   <$BlogLinkOut$><BR>      <A href="http://www.....com/" target=_blank>Link</A><BR>   <A href="http://www.....com/" target=_blank>Link</A><BR>   </div><br />   <div class="boxmenu">    <h1>Credits</h1>     Template &copy; <a href="http://klakli85.splinder.com">klakli85</a>  <br />    &#9834; Plain White T, <i>Hey There Delilah</i><br />     Immagine on <a href="http://photobucket.com/">Photobucket</a>  <br />    <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a>      per free host  <br />      Distribuito da <br />   <p align="center">[<a href="http://klakli85.splinder.com" target="_blank">x</a>]     [<a href="http://kumpapv.altervista.org/riassunti_lavori/home.html" target="_blank">x</a>]     [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]     [<a href="http://polveredigrafica.splinder.com/" target="_blank">x</a>]</p>   </div><br />       </div>                           <div id="BOXMAIN">     <$BlogPhotoAlbum$>     <Blogger>    <p align="center"><$BlogNavigation$>   <div class="post">     <div class="boxiniziale"> <$BlogDateHeaderDate$>, <$BlogItemDateTime$><a name="<$BlogItemNumber$>"></a></div>     <h2><$BlogItemTitle$></h2>     <p class="categorie">» <$BlogItemCategories$></p>     <div class="itempost"><$BlogItemBody$></div>     <div class="boxfinale">     categoria: <$BlogItemCategories$> <br />      commenti: <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>     <$BlogItemCommentList$><br />     <$BlogItemSocialBookmarking$>     </div>   </div>      </Blogger>            <div id="pager"><$BlogPager$></div>   </div>             <div id="FOOTER">     </div>         </div>        </body>     </html>

Toni scuri con le parole di una delle song più belle di questo periodo, Delilah. I love it so much! Trattamelo benissimo

Anteprima:

Titolo: Sempre libere di separarsi

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: #4a7ca0;  font-family: Verdana;  font-size: 12px;  text-align: center;  padding: 0px;  margin: 0px;  Background-attachment: scroll;  	Scrollbar-3dlight-color: #4a7ca0;   Scrollbar-arrow-color: #4a7ca0;   Scrollbar-base-color: #FFFFFF;   Scrollbar-darkshadow-color :#4a7ca0;   Scrollbar-face-color:#FFFFFF;   Scrollbar-highlight-color: #4a7ca0;   Scrollbar-shadow-color: #95CAFF;   Scrollbar-track-color: #95CAFF;    }  #CONTENITORE {  	width: 796px;  	margin-top: 32px;  	margin-right: auto;  	margin-bottom: 0px;  	margin-left: auto;  	top: 32px;  	padding: 0px;  	background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/maiseparateriga.jpg);  }  #COLONNA {  	float: left;  	width: 185px;  	font-size: 8pt;  	text-align: left;  	font-family: Verdana;  	padding-top: 0px;  	padding-right: 0px;  	padding-bottom: 0px;  	padding-left: 10px;  	margin-top: 0px;  	margin-right: 5px;  	margin-bottom: 15px;  	margin-left: 0px;  }  #CREDITS {    	height: 80px;  	padding-top: 5px;  	padding-right: 0px;  	padding-bottom: 5px;  	padding-left: 0px;  }  #FOOTER {  	clear: both;  	padding: 0px;  	background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/maiseparatefine.jpg);  	background-repeat: no-repeat;  	margin: 0px;  	background-position: center bottom;  	}    /* ---------------------------------  STILE DELLA TESTATA  --------------------------------- */  #TESTATA {  	background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/maiseparate1.jpg);  	background-repeat: no-repeat;  	background-position: center top;  	background-color: #FFFFFF;  	font-family: Tahoma;  	height: 100px;  	padding-top: 50px;  	padding-right: 30px;  	padding-bottom: 0px;  	padding-left: 30px;  	margin: 0px;  }  .titolo {  	font-size: 24pt;  	color: #CCCCFF;  	text-align: center;  	font-family: "Century Gothic";  	text-transform: capitalize;  	padding: 0px;  	margin-top: 10px;  	margin-right: 0px;  	margin-bottom: 0px;  	margin-left: 0px;  	font-weight: normal;  	}  .descrizione {  	font-size: 10pt;  	color: #AEAEFF;  	text-align: center;  	font-family: "Century Gothic";  	text-transform: lowercase;  	padding: 0px;  	margin-top: 0px;  	margin-right: 0px;  	margin-bottom: 5px;  	margin-left: 0px;  }  /* ---------------------------------  STILE DELI BOX DELLA COLONNA  --------------------------------- */  .boxmenu {  	margin-top: 10px;  	margin-right: 2px;  	margin-bottom: 10px;  	margin-left: 2px;  	padding: 0px;  	font-size: 12px;  	line-height: 13px;  	font-family: Tahoma;  	text-align: justify;  }  h1{  	color: #c2c0ff;  	text-align: left;  	font-size: 16px;  	letter-spacing: 0px;  	text-transform: capitalize;  	margin-top: 0px;  	margin-right: 0px;  	margin-bottom: 3px;  	margin-left: 0px;  	font-family: "Century Gothic";  	line-height: 15px;  	padding: 0px;  }  .post {  	margin-top: 0px;  	margin-right: 0px;  	margin-bottom: 30px;  	margin-left: 0px;  	padding-top: 0px;  	padding-right: 5px;  	padding-bottom: 0px;  	padding-left: 5px;  }  h2 {  	font-family: "Comic Sans MS";  	font-size: 18px;  	line-height: 19px;  	text-align: center;  	color: #990000;  	padding: 0px;  	font-weight: normal;  	text-transform: uppercase;  	margin-top: 0px;  	margin-right: 0px;  	margin-bottom: 2px;  	margin-left: 0px;  }  .nome {  	font-family: Tahoma;  	font-size: 14px;  	line-height: 15px;  	padding: 0px;  	text-align: left;  	color: #346AA0;  	word-spacing: 20px;  	font-weight: normal;  	font-variant: small-caps;  	margin-top: 0px;  	margin-right: 0px;  	margin-bottom: 0px;  	margin-left: 0px;  }  .itempost {  	font-size: 10pt;  	color: #000000;  	text-align: left;  	margin-top: 3px;  	margin-right: 0px;  	margin-bottom: 5px;  	margin-left: 0px;  	font-family: Verdana;  	padding: 0px;  	line-height: 11pt;  }  .boxfinale {  	font-family: Verdana;  	font-size: 8pt;  	color: #c2c0ff;  	text-align: center;  	padding: 0px;  	margin-top: 5px;  	margin-right: 0px;  	margin-bottom: 0px;  	margin-left: 0px;  }    #BOXMAIN {  	float: left;  	width: 584px;  	padding: 0px;  	margin-top: 0px;  	margin-right: 0px;  	margin-bottom: 20px;  	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: 20px;  background:transparent;  border-bottom: 1px solid #cccccc;  }    .comment-body {  	color: #000000;  	font-size: 9pt;  	text-align: left;  	padding: 5px;  	font-family: Verdana;  }    .comment-top {  background-color: #FFFFFF;  border-bottom: 1px solid #0080FF;  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;  }	    .comment-form-title {  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: #0080FF;  	text-decoration: none;  	font-weight: normal;  }    a:visited {  	color: #0080FF;  	text-decoration: none;  	font-weight: normal;  }    a:hover{  	color: #0080FF;  	font-weight: bold;  	text-decoration: none;  	text-transform: uppercase;  }  /* ---------------------------------  LIST STYLE  --------------------------------- */    #COLONNA dl {  	list-style-type: disc;  	padding-left: 2px;  	margin-top: 0px;  	margin-right: 0px;  	margin-bottom: 0px;  	margin-left: 2px;  }    #COLONNA li{  	background: transparent;  	padding: 0px;  	margin-left: 2px;  }    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 {  	text-align: center;  	padding: 0px;  	color: #000000;  	float: right;  	margin-top: 10px;  	margin-right: 0px;  	margin-bottom: 10px;  	margin-left: 0px;  	word-spacing: 10px;  }  #pager div {  padding: 0px;  font-weight: normal;  display: inline;  }  #pager a {  	text-decoration: none;  	letter-spacing: 2px;  	word-spacing: 8px;  }  p, div {  	margin: 0px;  	padding: 2px;  	font-family: Verdana;  }    td, tr {  	margin: 0px;  	padding: 2px;  	font-family: Tahoma;  	font-size: 12px;  	border-bottom-width: 1px;  	border-bottom-style: solid;  	border-bottom-color: #000000;  }  u {  	color: #990099;  }  i, em {  	color: #FF6600;  }  b, strong {  	color: #6D9BBC;  }  blockquote {  	width: 95%;  	font-style: normal;  	color: #336699;  	font-family: Verdana;  	margin-right: auto;  	margin-left: auto;  	font-size: 8pt;  	text-align: justify;  	padding: 2px;  	border: 2px dotted #CCCCFF;  	margin-top: 5px;  	margin-bottom: 5px;  }  .tab {  	font-family: Tahoma;  	font-size: 10px;  	line-height: 10px;  	background-color: #EAEAFF;  	width: 160px;  	margin-right: auto;  	margin-left: 16px;  	text-align: center;  	padding: 2px;  }    img {  	margin: 3px;  	padding: 0px;  }  </style>  </head>    <body>          <div id="CONTENITORE">  
      <div id="TESTATA">    <div> <p class="titolo">  <$BlogTitle$> </p>    <p class="descrizione">( <$BlogDescription$> )</p>       </div>      </div>                   
           <div id="COLONNA">    <p class="tab">  I <b>veri amici</b> sono quelli che si scambiano reciprocamente fiducia, sogni e pensieri, virtù, gioie e dolori; sempre liberi di separarsi, senza separarsi mai.<br />  ~ A. Bougeard  </p>  <div class="boxmenu">  <h1>Data e ora </h1>  
metti qui ora e data  </div><br />    <div class="boxmenu">  <h1>io </h1>    <$BlogAboutMe$><br />  testo testo testo testo testo testo testo testo testo testo testo testo testo  </div><br />  <div class="boxmenu">  <h1>Amo </h1>    testo testo testo testo testo testo testo testo testo testo testo testo testo  </div><br />  
<div class="boxmenu">  <h1>Odio </h1>    testo testo testo testo testo testo testo testo testo testo testo testo testo  </div><br />  <div class="boxmenu">    <h1>Altro </h1>  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;  </div><br />  <div class="boxmenu">  <h1>Archivio </h1>  
<$BlogArchive$>  </div><br />  <div class="boxmenu">  <h1>Passati di qui </h1>  <$BlogCounter$>  </div><br />  <div class="boxmenu">  <h1>Tagboard </h1>  metti qui la tagboard  se non sai dovre prenderla vai su http://cbox.ws/  </div><br />  <div class="boxmenu">  <h1>Catalogando i miei pensieri </h1>  <$BlogCategories$>  
</div><br />  <div class="boxmenu">    <h1>Archivio </h1>  <$BlogArchive$>  </div><br />  <div class="boxmenu">  <h1>Tutti i bottoni </h1>  <p align="center">	<$BlogButtons$><br />  	<$BlogFeeds$>  </div><br />  <div class="boxmenu">  
<h1>Wishlist </h1>                          desiderio da esaudire  						<br />desiderio da esaudire  						<br />desiderio da esaudire                          <br />                          <s>desiderio esaudito  						<br />desiderio esaudito  						<br />desiderio esaudito  						</s>   </div><br />  <div class="boxmenu">  <h1>Commenti recenti </h1>  						<$BlogRecentComments$>    </div><br />  
		<div class="boxmenu">				  <h1>La mia musica </h1>    metti qui il codice del tuo player o l'elenco della musica che ti piace  </div><br />  <div class="boxmenu">  <h1>Blog che leggo </h1>  <$BlogLinkOut$><BR>    <A href="http://www.....com/" target=_blank>Link</A><BR>  <A href="http://www.....com/" target=_blank>Link</A><BR>  
</div><br />  <div class="boxmenu">  <h1>Credits</h1>  Template &copy; <a href="http://klaklipensiero.splinder.com/">klakli85</a>  <br />  All thanks <a href="http://kumpapv.altervista.org/riassunti_lavori/credits.html" target="_blank">here</a>  </div><br />      </div>  
                <div id="BOXMAIN">  	  <$BlogPhotoAlbum$>  <Blogger>     <p align="center"><$BlogNavigation$></p>    <div class="post">      
<h2><$BlogItemTitle$></h2>  <div class="nome"><BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader>alle <$BlogItemDateTime$> </div>  <div class="nome">&raquo; <b><$BlogItemAuthorNickname$></b> in <$BlogItemCategories$>     </div>  <div class="itempost"><$BlogItemBody$></div>    <div class="boxfinale">  <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>  
<$BlogItemCommentList$><br />  </div>  </div>  <BlogDateFooter>  </BlogDateFooter>   </Blogger>  			  <div id="pager"><$BlogPager$></div>        </div>              
  <div id="FOOTER">  <div id="CREDITS">    </div>  </div>          </div>      </body>  </html>

Template molto semplice ma che mi piace molto, forse perchè realizzato per me e le mie amiche.

Anteprima:

Titolo: parigi è sempre parigi

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: #8e5285;   font-family: Verdana;   font-size: 12px;   text-align: center;   padding: 0px;   margin: 0px;   Background-attachment: scroll;   Scrollbar-3dlight-color: #4a7ca0;   Scrollbar-arrow-color: #4a7ca0;   Scrollbar-base-color: #FFFFFF;   Scrollbar-darkshadow-color :#4a7ca0;   Scrollbar-face-color:#FFFFFF;   Scrollbar-highlight-color: #4a7ca0;   Scrollbar-shadow-color: #95CAFF;   Scrollbar-track-color: #95CAFF; }   #CONTENITORE {   background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/parissopra.jpg);   background-repeat: no-repeat;   background-position: center top;   width: 778px;   margin-top: 32px;   margin-right: auto;   margin-bottom: 0px;   margin-left: auto;   top: 32px;   background-color: #0f2240;   padding-top: 325px;   padding-right: 0px;   padding-bottom: 0px;   padding-left: 0px;   }   #COLONNA {   float: left;   width: 185px;   font-size: 8pt;   text-align: left;   font-family: Verdana;   margin-top: 0px;   margin-right: 5px;   margin-bottom: 15px;   margin-left: 0px;   padding: 0px;   }   #CREDITS {  height: 140px;   padding-top: 5px;   padding-right: 0px;   padding-bottom: 5px;   padding-left: 0px;   }   #FOOTER {   clear: both;   padding: 0px;   background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/parissotto.jpg);   background-repeat: no-repeat;   margin: 0px;   background-position: center bottom;   } /* ---------------------------------   STILE DELLA TESTATA   --------------------------------- */   #TESTATA {   font-family: Tahoma;   height: 100px;   padding: 0px;   margin: 0px;   }   .titolo {   font-size: 24pt;   color: #8e5285;   text-align: center;   font-family: "Century Gothic";   text-transform: capitalize;   padding: 0px;   margin-top: 10px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;   font-weight: normal;   }   .descrizione {   font-size: 10pt;   color: #e26e6b;   text-align: center;   font-family: "Century Gothic";   text-transform: lowercase;   padding: 0px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   }   /* ---------------------------------   STILE DELI BOX DELLA COLONNA   --------------------------------- */   .boxmenu {   margin-top: 10px;   margin-right: 2px;   margin-bottom: 10px;   margin-left: 5px;   padding: 0px;   font-size: 12px;   line-height: 13px;   font-family: Tahoma;   text-align: justify;   color: #CCCCCC;   }   h1{   color: #8e5285;   text-align: left;   font-size: 16px;   letter-spacing: 0px;   text-transform: capitalize;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 3px;   margin-left: 0px;   font-family: "Century Gothic";   line-height: 15px;   padding: 0px;   font-weight: normal;   }   .post {   margin-top: 0px;   margin-right: 0px;   margin-bottom: 30px;   margin-left: 0px;   padding-top: 0px;   padding-right: 5px;   padding-bottom: 0px;   padding-left: 5px;   }   h2 {   font-family: "Comic Sans MS";   font-size: 20px;   line-height: 20px;   text-align: left;   color: #f18763;   padding: 0px;   font-weight: normal;   text-transform: uppercase;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 2px;   margin-left: 0px;   }   .data {   font-family: Tahoma;   font-size: 14px;   line-height: 15px;   padding: 0px;   text-align: right;   color: #AB5005;   word-spacing: 20px;   font-weight: normal;   font-variant: small-caps;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;   }   .nome {   font-family: Tahoma;   font-size: 14px;   line-height: 15px;   padding: 0px;   text-align: left;   color: #AB5005;   word-spacing: 20px;   font-weight: normal;   font-variant: small-caps;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;   }   .itempost {   font-size: 10pt;   color: #FFFFFF;   text-align: left;   margin-top: 3px;   margin-right: 0px;   margin-bottom: 5px;   margin-left: 0px;   font-family: Verdana;   padding: 0px;   line-height: 11pt;   }   .boxfinale {   font-family: Verdana;   font-size: 8pt;   color: #c2c0ff;   text-align: center;   padding: 0px;   margin-top: 5px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 0px;   } #BOXMAIN {   float: right;   width: 584px;   padding: 0px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   }   /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{  color: #000000;   margin: 15px 0px;   text-align: center;   font-size: 9pt;   text-decoration: none;   } .prev {   float: left;   text-align: left;   width: 45%;   } .next {   float: right;   text-align: right;   width: 45%;   } .home {   text-align: center;   } /* ---------------------------------   STILE COMMENTI   --------------------------------- */ .comment {   margin-top: 20px;   background:transparent;   text-align: left;   } .comment-body {   color: #999999;   font-size: 9pt;   text-align: left;   padding: 5px;   font-family: Verdana;   } .comment-top {   text-align: right;   margin-bottom: 5px;   padding: 0px 2px 15px 2px;   } .comment-bottom {   background: transparent;   text-align: left;   color: #6699FF;   margin: 0px;   font-size: 9pt;   } .comment-tips {   background: transparent;   text-align: left;   padding-left:0.5em;   font-style:normal;    font-variant:normal;    font-weight:normal;   }  .comment-form-title {   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: #ffd969;   text-decoration: none;   font-weight: normal;   } a:visited {   color: #ffd969;   text-decoration: none;   font-weight: normal;   } a:hover{   color: #ffd969;   font-weight: bold;   text-decoration: none;   text-transform: uppercase;   }   /* ---------------------------------   LIST STYLE   --------------------------------- */ #COLONNA dl {   list-style-type: disc;   padding-left: 2px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 0px;   margin-left: 2px;   } #COLONNA li{   background: transparent;   padding: 0px;   margin-left: 2px;   } 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 {   text-align: left;   padding: 0px;   color: #FFFFFF;   margin-top: 10px;   margin-right: 0px;   margin-bottom: 10px;   margin-left: 0px;   word-spacing: 10px;   }   #pager div {   padding: 0px;   font-weight: normal;   display: block;   }   #pager a {   text-decoration: none;   letter-spacing: 2px;   word-spacing: 8px;   }   p, div {   margin: 0px;   padding: 2px;   font-family: Verdana;   }   u {   color: #990099;   }   i, em {   color: #275b90;   }   b, strong {   color: #e26e6b;   }   blockquote {   width: 85%;   font-style: normal;   color: #336699;   font-family: Verdana;   margin-right: 25px;   margin-left: 5px;   font-size: 8pt;   text-align: right;   padding: 2px;   margin-top: 5px;   margin-bottom: 5px;   }   .tab {   font-family: Tahoma;   font-size: 10px;   line-height: 10px;   background-color: #D0B9D0;   width: 160px;   margin-right: 8px;   margin-left: 9px;   text-align: center;   padding: 2px;   }   </style>   </head> <body>     <div id="CONTENITORE">  <div id="TESTATA">   <div> <p class="titolo">  <$BlogTitle$> </p>   <p class="descrizione">( <$BlogDescription$> )</p>    </div>      </div>        <div id="COLONNA">      <p class="tab">   Paris <b>sera toujours</b> Paris. <br />   Qu'est-ce que tu veux qu'il fasse d'<i>autre</i> ?   </p>   <div class="boxmenu">   <h1>Data e ora </h1>   metti qui ora e data   </div><br /> <div class="boxmenu">   <h1>io </h1>      <$BlogAboutMe$><br />   testo testo testo testo testo testo testo testo testo testo testo testo testo   </div><br />   <div class="boxmenu">   <h1>Amo </h1>      testo testo testo testo testo testo testo testo testo testo testo testo testo   </div><br />   <div class="boxmenu">   <h1>Odio </h1>      testo testo testo testo testo testo testo testo testo testo testo testo testo   </div><br />   <div class="boxmenu">      <h1>Altro </h1>   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;   </div><br />   <div class="boxmenu">   <h1>Archivio </h1>   <$BlogArchive$>   </div><br />   <div class="boxmenu">   <h1>Passati di qui </h1>   <$BlogCounter$>   </div><br />   <div class="boxmenu">   <h1>Tagboard </h1>   metti qui la tagboard   se non sai dovre prenderla vai su http://cbox.ws/   </div><br />   <div class="boxmenu">   <h1>Catalogando i miei pensieri </h1>   <$BlogCategories$>   </div><br />   <div class="boxmenu">      <h1>Archivio </h1>   <$BlogArchive$>   </div><br />   <div class="boxmenu">   <h1>Tutti i bottoni </h1>   <p align="center">	<$BlogButtons$><br />   <$BlogFeeds$>   </div><br />   <div class="boxmenu">   <h1>Wishlist </h1>   desiderio da esaudire   <br />desiderio da esaudire   <br />desiderio da esaudire   <br />   <s>desiderio esaudito   <br />desiderio esaudito   <br />desiderio esaudito   </s>    </div><br />   <div class="boxmenu">   <h1>Commenti recenti </h1>   <$BlogRecentComments$>   </div><br />   <div class="boxmenu">    <h1>La mia musica </h1>      metti qui il codice del tuo player o l'elenco della musica che ti piace   </div><br />   <div class="boxmenu">   <h1>Blog che leggo </h1>   <$BlogLinkOut$><BR>      <A href="http://www.....com/" target=_blank>Link</A><BR>   <A href="http://www.....com/" target=_blank>Link</A><BR>   </div><br />   <div class="boxmenu">   <h1>Credits</h1>   Template &copy; <a href="http://klaklipensiero.splinder.com/">klakli85</a>  <br />   All thanks <a href="http://kumpapv.altervista.org/riassunti_lavori/credits.html" target="_blank">here</a>   </div><br />      </div>        <div id="BOXMAIN">        <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post"> <div class="data"><BlogDateHeader><$BlogDateHeaderDate$> </BlogDateHeader> @ <$BlogItemDateTime$> </div>   <h2><$BlogItemTitle$></h2>   <div class="nome">&raquo; <b><$BlogItemAuthorNickname$></b> in <$BlogItemCategories$>   </div>   <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">   <$BlogItemComments$> (popup) | <$BlogItemCommentLink$>   <$BlogItemCommentList$><br />   </div>   </div>   <BlogDateFooter>   </BlogDateFooter>    </Blogger>      <div class="pager"><$BlogPager$></div>   </div>     <div id="FOOTER">   <div id="CREDITS"> </div>   </div>   </div>    </body>   </html>

Anteprima:

Titolo:

Anteprima:

Titolo:

Anteprima:

Titolo:

Anteprima:

Titolo:

Anteprima:

Titolo: