Pensieri E Grafica

[ lunedì, 28 maggio 2007, 15:19 ]

per Rossgheller84

» richieste, cartoni, 2 colonne, template per splinder, calendari dinamici, ora dinamica

Ecco qua il template sugli anni 80:

Ed ecco il codice (copialo premendo Ctrl+C):

<!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;   }   /* ---------------------------------   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: 5px;   }   blockquote {   font-style: italic;   width: 85%;   font-size: 10pt;   }   b, strong {   font-weight: bold;   }   u {   border-bottom-width: thin;   border-bottom-style: solid;   border-bottom-color: #CCCCCC;   line-height: 150%;   }   </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 />   <b>grssetto</b> <u>sottolineato</u> <i>corsivo</i> 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>Piccoli bambini crescono</h1>   <p>	<$BlogMembers$></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>  *|*  Immagini prelevate dal <a href="http://www.dimenticatoio.it/" target="_blank">Dimenticatoio</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>

Come al solito se c'è qualcosa che non va, lasciami detto che cambio.
Se invece va bene ricordati il commentino e il voto

Ed ecco il calendario in coordinato:

Per mettere l'immagine nel tuo blog devi copiare tutto( premere Ctrl+C )questo codice ed inserirlo nel tuo post
(ricordati che devi essere in modalità CODICE per poterlo inserire con Ctrl+V)

Se utilizzi questo oggetto, lascia un commento, grazie ^_^

Se prendi uno dei miei lavori, anche se non sei iscritto a splinder dimmelo nei
commenti (3) (popup) | commenti (3)

Commenti