scroll | Glitter Sisters

[ martedì, 21 agosto 2007]

graficando: template, cute, template cute, 2 colonne, scroll, cipolloso

Hola! Sono rinataaaaaaaaaa XD no va beh rieccomi! torno con un temply cipolloso che lovvo troppo <3 fatto molto ispirata,si prega non distruggere ne abusarne. Trattatemelo bene insomma :D

Ah,e siccome è hostato sul mio sito personale,se lo prendete,lasdciate un commento enorme che me lo lasci sapere. Che se dovesse piacere a molti [dubito] lo trasferisco altrover per non farmi mangiare la banda mensile! :P

Ordinary Day

by sweetchloe

Hai da fare commenti ?

[ sabato, 30 giugno 2007]

graficando: template, amicizia, scroll

!! UPDATE !! MODIFICHE EFFETTUATE!
Template richiesto da kiara4e:

anteprima

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

<html>   <head>   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />   <title><$BlogTitle$></title>   <META NAME="Keywords" CONTENT="...">   <META NAME="Description" CONTENT="...">  <style type="text/css">   body {   background-attachment: fixed;   background-color: #c9fa05;   background-image: url(http://i203.photobucket.com/albums/aa68/klakli85/kiara.jpg);   background-repeat: no-repeat;   background-position: left 35px;   top: 37px;   scrollbar-base-color: #ff53a9 ;   scrollbar-face-color: #ff53a9 ;   scrollbar-shadow-color: #ff53a9 ;   scrollbar-arrow-color: #c9fa05;   scrollbar-highlight-color: #ff53a9 ;   scrollbar-dark-shadow-color:#ff53a9 ;   scrollbar-3d-light-color: #ff53a9 ;   scrollbar-track-color:#ff53a9 ;   position: static;   height: 600px;   }   #sinistra {   overflow: auto;   height: 355px;   margin: 0px;   padding: 0px;   width: 174px;   font-family: Verdana;   font-size: 8pt;   color: #FFFFFF;   margin: 0px;   text-align: left;   }   #alto {   overflow: auto;   height: 280px;   margin: 0px;   padding: 0px;   width: 98px;   font-family: Verdana;   font-size: 8pt;   color: #FFFFFF;   margin: 0px;   text-align: left;   }   #destra {   overflow: auto;   height: 349px;   margin: 0px;   padding: 0px;   width: 176px;   font-family: Verdana;   font-size: 8pt;   color: #FFFFFF;   margin: 0px;   text-align: left;   }   .boxmenu {   margin-top: 5px;   margin-right: 0px;   margin-bottom: 15px;   margin-left: 0px;   padding: 0px;   }   h1{   color: #c9fa05;   text-align: center;   font-size: 11px;   text-transform: capitalize;   font-weight: bold;   margin: 0px;   padding: 0px;   letter-spacing: 3px;   font-family: "Bring tha noize", "Comic Sans MC";   border-top-width: 1px;   border-bottom-width: 1px;   border-top-style: solid;   border-bottom-style: solid;   border-top-color: #c9fa05;   border-bottom-color: #c9fa05;   }   /* ---------------------------------   STILE DEI LINK   --------------------------------- */   a:link{   color: #c9fa05;   text-decoration: overline;   } a:visited {   color: #c9fa05;   text-decoration: overline;   } a:hover{   color: #000000;   text-decoration: underline overline;   background-color: #c9fa05;   }   /* ---------------------------------   LIST STYLE   --------------------------------- */ #alto ul {   list-style-type: disc;   margin: 2px;   padding: 2px;   } #alto li{   background: transparent;   padding: 0px;   margin: 0px;   } ul {   list-style-type: square;   margin-top: 5px;   margin-left: 30px;   margin-bottom: 5px;   padding-left: 2px;   } li{   background: transparent;   padding: 0px;   } /* ---------------------------------   STILE NAVIGAZIONE   --------------------------------- */ .navigation{   color: #000000;   margin: 15px 0px;   text-align: center;   font-size: 9pt;   text-decoration: none;   } .prev {   float: left;   text-align: left;   width: 45%;   } .next {   float: right;   text-align: right;   width: 45%;   } .home {   text-align: center;   } /* ---------------------------------   STILE FOTO E MEDIA RECENTI   --------------------------------- */ #recent-photos {   background: transparent;   text-align: center;   } #recent-photos img {   padding: 4px;   border: 0px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #recent-photos .album-link {   background: transparent;   font-size: 0.75em;   text-align: center;   text-decoration: none;   } #recent-photos .title {   font-size: 0.75em;   font-weight: bold;   padding-top: 10px;   text-align: center;   letter-spacing:2px;   color: #0A4183;   }  /* ---------------------------------   STILE BORDI   --------------------------------- */ .media-info {border:0px;} .cc-small {border: 0px;} .comment-bottom img.avatar {   height: auto;   width: auto;   border: 0px;   } .cc-logo {   border: 0px;   padding: 1px;   } .avatar{border:0px;} /* ---------------------------------   STILE MEDIA ALBUM   --------------------------------- */ #album {   background: transparent;   font-size: 0.75em;   text-decoration: none;   text-align: center;   } #album-link {vertical-align:top;} #album-link a:link {vertical-align:top;} #album img {   padding: 4px;   margin-bottom: 5px;   background-color: transparent;   text-decoration: none;   } #album td {   text-align: center;   vertical-align: top;   } #album table {   text-align: left;   vertical-align: top;   } #album .title {   font-size: 9px;   margin-top: 12px;   }   /* ---------------------------------   STILE DEI POST   --------------------------------- */ #post {   overflow: auto;   height:215px;   margin: 0px;   padding: 5px;   padding: 5px;   width: 324px;   font-family: Verdana;   font-size: 8pt;   }   .post {   padding: 5px;   margin-top: 0px;   margin-right: 0px;   margin-bottom: 20px;   margin-left: 0px;   }   .boxiniziale {   font-family: Verdana;   font-size: 8pt;   color: #000000;   text-align: center;   margin-bottom: 5px;   padding-bottom: 2px;   font-weight: bold;   }   .itempost {   font-family: Verdana;   font-size: 9pt;   color: #000000;   text-align: justify;   margin: 0px;   padding: 2px;   }   .boxfinale {   font-family: Verdana;   font-size: 6pt;   color: #333333;   text-align: center;   }   h2 {   font-family: Verdana;   font-size: 10pt;   color: #c9fa05;   text-align: center;   text-transform: capitalize;   margin: 0px;   padding: 0px;   }   /* SOCIAL BOOKMARKING */   .sb_label {   /* display: inline; */   visibility: hidden;   }   .social_bookmarking {   /* margin-top: 10px; */   padding: 0;   }   .social_bookmarking ul {   display: inline;   margin: 0;   padding: 0;   }   .social_bookmarking ul li {   display: inline;   margin: 0 0 0 10px;   }   .social_bookmarking ul li img {   border: none;  }  #pager {   text-align: right;   margin: 5px;   padding: 5px;   }   #pager div {   padding: 5px;   font-weight: normal;   display: inline;   }   #pager a {   text-decoration: none;   }   /* ---------------------------------   STILE GENERALE   --------------------------------- */   p, td, tr, div {   margin: 0px;   padding-top: 3px;   padding-right: 5px;   padding-bottom: 5px;   padding-left: 5px;   }   blockquote {   font-style: italic;   width: 96%;   }   b, strong {   color: #c9fa05;   }   u {   border-bottom-width: 1px;   border-bottom-style: solid;   border-bottom-color: #c9fa05;   }   i {   color: #c9fa05;   } </style>   </head> <body>   <div id="sinistra" style="position: absolute; top: 260px; left: 7px; ">   <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>Link me</h1>   <p align="center"> <$BlogButtons$><br />   <$BlogFeeds$></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>Credits </h1>   <p>Template &copy; <a href="http://klakl85.splinder.com">klakli85</a> <br>   Immagine on <a href="http://photobucket.com/">Photobucket</a> <br>   <a href="http://www.splinder.com/" target=_blank>Splinder</A> e <A href="http://home.altervista.org/site/" target=_blank>Altervista</a> per free host <br>   Distribuito da [<a href="http://klakli85.splinder.com" target="_blank">x</a>] e da [<a href="http://glittersister.splinder.com/" target="_blank">x</a>]</p></div>   </div>   <div id="alto" style="position: absolute; top: 88px; left: 381px; ">   <div class="boxmenu">   <h1>io </h1>      <p>     parla di te in <b>grassetto</b>, <u>sottolineato</u> e <i>corsivo</i></p>   </div>   <br />   <div class="boxmenu">   <h1>Amo </h1>      <p><img src="http://img72.imageshack.us/img72/534/cuoricinogy4.gif" /> testo <br />   <img src="http://img72.imageshack.us/img72/534/cuoricinogy4.gif" /> testo </p>   </div>   <br />   <div class="boxmenu">   <h1>Odio </h1>      <ul>   <li>odio 1</li>   <li>odio 2</li>   </ul>   </div>   <br />   <div class="boxmenu">   <h1>Wishlist </h1>   <p>+ desiderio da esaudire <br />   + desiderio da esaudire <br />   + desiderio da esaudire </p>   <p>- <s>desiderio esaudito</s> <br />   - <s>desiderio esaudito</s> <br />   - <s>desiderio esaudito</s> </p>   </div>   </div>   <div id="destra" style="position: absolute; top: 264px; left: 489px; ">      <h1>[ <$BlogTitle$> ]</h1>   <br><br>   <div class="boxmenu">   <h1>this blog </h1>      <p>    parla del blog in <b>grassetto</b>, <u>sottolineato</u> e <i>corsivo</i></p>   </div>   <br />   <div class="boxmenu">   <h1>Archivio </h1>   <p><$BlogArchive$></p>   </div>   <br />   <div class="boxmenu">   <h1>Passati di qui </h1>   <p><$BlogCounter$></p>   </div>      <br />   <div class="boxmenu">   <h1>Catalogando i miei pensieri </h1>   <p><$BlogCategories$></p>   </div>   <br />   <div class="boxmenu">   <h1>Commenti recenti </h1>   <p> <$BlogRecentComments$></p>   </div>   <br />   <div class="boxmenu">   <h1>Blog che leggo </h1>   <p><$BlogLinkOut$><BR>      <A href="http://www.....com/" target=_blank>Link</A><BR>   <A href="http://www.....com/" target=_blank>Link</A><BR>   </p>   </div>   <div class="boxmenu">   <h1>adesivi </h1>   <p align="center">metti qua i tuoi adesivi ma fai attenzione che non siano più di 160px   </p>   </div>   <br />   </div>  <div id="post" style="position:absolute; left:194px; top:403px; z-index:1; width:285px; height:216px;">           <$BlogPhotoAlbum$>   <Blogger>  <p align="center"><$BlogNavigation$></p> <div class="post">   <div class="boxiniziale">[ <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>, <$BlogItemDateTime$> ]   </div>   <h2> <$BlogItemTitle$></h2>   <div class="itempost"><$BlogItemBody$></div> <div class="boxfinale">   categoria: <$BlogItemCategories$> <br />    commenti: <$BlogItemComments$> (popup) <br />   <$BlogItemSocialBookmarking$>    </div>   </div>  </Blogger>        <div id="pager"><$BlogPager$></div> </div>   </body>   </html>

by klaklina85

Hai da fare commenti (3)?

[ lunedì, 18 giugno 2007]

graficando: template, 2 colonne, scroll

Sulla richiesta (nel mio blog) di Peter Panda ho eseguito queste DUE versioni con lo stesso soggetto:

ANGELO TRISTE

versione 1: ANTEPRIMA
due colonne sul bianco e il nero.

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

versione 2: ANTEPRIMA
sfondo fisso, sempre sul bianco e sul nero.

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

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

Enjoy it!!!

by klaklina85

Hai da fare commenti ?

[ sabato, 09 giugno 2007]

graficando: template, 2 colonne, scroll

ciao a tutti! =]
sono starl3ss, una nuova designer :) ho sedici anni, mi chiamo martina e.. adoro la grafica.
posto subito gli ultimi template fatti, poi cercherò man mano di aggiornare anche quelli vecchi =]
eccoli qui:

sei un fiore insano tu
Anteprima || Codice: Visualizza -> HTML

first kiss feelings
Anteprima || Codice: Visualizza -> HTML

tears
Anteprima || Codice: Visualizza -> HTML

is it wrong?
Anteprima || Codice: Visualizza -> HTML

non si arrende più il mio cuore
Anteprima || Codice: Visualizza -> HTML

give up
Anteprima || Codice: Visualizza -> HTML

incancellabile
Anteprima || Codice: Visualizza ->HTML

lookin' for something better
Anteprima || Codice: Visualizza ->HTML

fitness cherryes
Anteprima || Codice: Visualizza -> HTML

ho tutto in testa ma non riesco a dirlo
Anteprima || Codice: Visualizza -> HTML

le'ts make some muuuusic
Anteprima || Codice: Visualizza -> HTML

lookin' for something better, è stato realizzato con una mia foto, il soggetto sono io, quindi vi prego, di non usarlo impropriamente. grazie =]

by starl3ss

Hai da fare commenti ?

Richiedi qui

le designer

non violate queste regole

potete richiedere

messaggini

iscriviti

linkaci

affiliati

votaci

sondaggio

ci visitate da

Archivio

contatore

time

Archivio

Commenti recenti

Credits