Codice del template Barca

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<html>
<head>
<title><$BlogTitle$></title>
<META NAME="Keywords" CONTENT="Splinder blog, blog, BLOG, blogs, weblog, web log, blog personale, diario, diario personale, diario on line, Splinder, creare un blog, blog tools, blog directory, crea un blog, free blog, blog template, blogger, e-journal, website personale, sito personale, pagina personale, homepage, home page, community blogging, community blog, community website, community, online journalism, on line journalism, publish, personal publishing">
<META NAME="Description" CONTENT="Questo e' il mio blog su Splinder. Blog: un web log. Un Sito web a meta strada tra un diario e un personal magazine. Crea il tuo blog gratis su Splinder.">
<style type="text/css">

/*QUESTO E' UN LAYOUT A DUE COLONNE A LARGHEZZA FISSA
CHE SONO CENTRATE NELLA FINESTRA DEL BROWSER*/

/* QUESTO TEMPLATE VIENE VISUALIZZATO ALLO STESSO MODO SU OGNI MONITOR*/

/*QUESTO TEMPLATE NON LAVORA BENE SE DEVONO ESSERE VISUALIZZATE FIGURE TROPPO GRANDI (PIU' DI 420 PX) O ANCHE TROPPO LARGHE O ANCHE CHAT BOX (PIU' DI 150 PX) NELLE COLONNE*/
/*GRAZIE A GLISH.COM PER LA BASE DEL TEMPLATE*/
/*Template e modifiche di: Semplicemente...Renata http://www.mrenata.com*/
http://renata.altervista.org
http://renata.splinder.com



body {
text-align:center;
background-color: #c4bb9e;
background-image: url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/riga_barca_2.gif');
background-repeat: repeat-y;
background-position: center;
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
margin:0px
}

body input {
margin-left: .9em;
}

a  { color:#676C56; background: transparent; text-decoration: underline;}
a:link  { color: #676C56; background: transparent;font-weight: normal;}
a:visited { color: #676C56; background: transparent;font-weight: normal;}
a:active  { color: #333333; background: transparent;font-weight: normal;text-decoration: underline;}
a:hover { color: #333333; background: transparent; text-decoration: underline; font-weight: normal;}

a img {
        border: 0px;
}

#container {
width:770px;
margin-right:auto;
margin-left:auto;
margin-top:1px;
padding:0px;
text-align:left;
background: transparent;
}

     #contentheader {
background: #3C6036 url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/barca_menteanonima2.jpg') no-repeat;
width: 770px;
height: 495px;
border-bottom: 3px solid #D5DAC5;
line-height: 1.2em;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
}

#contentleft {
width:200px;
float:left;
background:transparent;
margin: 0px;
}

#contentmain {
width:500px;
background:transparent;
float:right;
        padding: 10px;
}

#spacer30{width:30px;  float:left;
background:transparent; background:#E6EAD6;}

/* classi dei CONTENTHEADER STYLES*/

.blogtitle {font: 2em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
padding:0px
margin-top:100px;
text-align:left;
color:#EEEEEE;
background: transparent;
height: 1.3em;
}

.blogdescription {font: .9em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: normal;
padding:23px 20px 0px 20px;
margin-top:0px;
margin-bottom:10px;
text-align:left;
background: transparent;
color:#EEEEEE;
}

      .blogtitle  a:link { color: #EEEEEE; text-decoration: none; font-weight:normal; }
      .blogtitle  a:visited { color: #EEEEEE; text-decoration: none; font-weight: normal; }
      .blogtitle  a:hover { color: #EEEEEE; text-decoration: none; font-weight: normal; }
      .blogtitle  a:active { color: #EEEEEE; text-decoration: none; font-weight: normal; }

/* classi dei CONTENTLEFT CONTENTRIGHT STYLES*/

#contentleft p { font: normal .71em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;color: #3C6036; padding: 0px 10px; margin-bottom:20px; background:transparent}

#contentright p { font: normal .71em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;color: #3C6036; padding:0px 10px; background:transparent}

#section {background:transparent; margin-bottom: 20px; border: 0px solid #000000}
#section-c {background:transparent; margin-bottom: 20px; text-align:center}

h2.sectiontitle {
padding-top: 5px;
        padding-bottom: 3px;
font: .7em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
color: #3C6036;
background: transparent;
text-align: center;
margin:0px 10px;
text-transform:uppercase;
letter-spacing:.2em;
border-bottom: 1px solid #fff;
}

/* classi dei CONTENTMAIN STYLES*/

  #contentmain p { font: normal 1em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
                  color: #212524; padding:0px 10px 5px 10px ; background:transparent; margin:0px;}


  #contentmain ul {
list-style: square;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1em;
padding-left: 1em;
}

#contentmain li {
background: transparent;
font: .76em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
color: #000000;
}

/*classi deL CODICE BLOGGER*/

#blogdateheader{
font: bold .7em "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
background: transparent;
text-align: left;
color:#676C56;
padding: 5px 10px 10px 10px;
margin:0px;
}

h5.itemtitle  {
background: transparent;
text-align: left;
font-style:normal; font-variant: normal; font-weight:normal; font-size: 1.3em;
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
color:#3C6036;
padding: 5px 0px 10px 10px;
margin:0px;
}

  h4.data {
background:transparent ;
text-align: left;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #CACFB9;
font-style:normal; font-variant:normal; font-weight:normal; font-size:.71em;
color:#3C6036;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
margin: 0px 20px 10px 10px;
}

#blog-pager div {
display: inline;
background: transparent;
color: #212524;
font-weight: bold;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: .85em;
padding-top: 2px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 7px;
margin: 0px;
line-height: 1.2em;
}

    # blog-pager a {text-decoration: underline;}

/*classi dei SAME-PAGE COMMENT STYLES*/

.comment {
  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
  border-bottom: 1px solid #AFB39F;
  padding: .75em;
  margin-top: 1em;
  background:transparent;
  width: 395px;
}

.comment-body {
text-align: left;
padding: .2em .0em .9em .0em ;
font-style:normal; font-variant:normal; font-weight:normal;
color:#000000;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size:.9em;
}

.comment-top {
background:transparent ;
text-align: left;
padding-bottom:.7em;
border-bottom: 0px none #AFB39F;
font-style:normal; font-variant:normal; font-weight:normal;
font-size:.71em;
color: #555555;
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
}

.comment-bottom {
background:transparent ;
text-align: left;
padding-top:.5em;
padding-bottom:.75em;
margin: 0px;
font-style:normal; font-variant:normal; font-weight:normal;
font-size:.71em;
color: #555555;
font-family:"Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
}

.comment-tips {
  background:transparent ;
text-align: left;
font-style:normal; font-variant:normal; font-weight:normal;
color: #555555;
font-size:.71em;
padding-left: .5em;

font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
}
.comment-form-title {
background: #AFB39F;
text-align: left;
padding-bottom: .3em;
padding-top: .3em;
padding-left: .4em;
padding-right: .5em;
margin-right: 1.5em;
border-top: 1px solid #3C6036;
border-bottom: 1px solid #3C6036;
font-style:normal; font-variant:normal; font-weight:bold;
color: #FFFFFF;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size:.71em;
}

.comment-form-user {
background:transparent ;
padding-top: .3em;
padding-left: .5em;

text-align: left;
font-size:.71em;
font-style:normal; font-variant:normal; font-weight:normal;
color: #555555;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
line-height: 1.3em;
}

.navigation {
background: #CACFB9;
color: #FFFFFF;
font-weight: bold;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: .65em;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 8px;
padding-right: 8px;
margin:5px 10px;
text-align: center;
border-top: 1px solid #3C6036;
border-bottom: 1px solid #3C6036;
line-height: 1.2em;
}

.prev {
  float: left;
  text-align: left;
  width: 35%;
}
.next {
  float: right;
  text-align: right;
  width: 35%;
}
.home {
  text-align: center;
}

/* classi deL TAG <*$BlogRecentPhotos$> */

#recent-photos {
background: ;
        text-align: center;
        15px; margin-left:0px; margin-right:padding; margin-top:0px; margin-bottom:10px
}

#recent-photos .title {
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
        font-size: 9px;
        padding-top: 4px;
        padding-bottom: 10px;
}

#recent-photos img {
        padding: 4px;
        background: transparent;
        border: 1px solid #AFB39F;
}

#recent-photos a {
   text-align: left;
background:transparent;
color: #676C56;
font: .8em  "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif; font-weight:bold;
margin:0px;
    text-decoration: none;
   padding: 0px 10px 0px 0px;
   }

#recent-photos a:hover {
color: #000000;
   }

#read-more {
    font-size: 9px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
        margin-top: 4px;
margin-bottom: 4px;
text-align: center;
        vertical-align: top;
   }

   /* classi del tag <*$BlogPhotoAlbum$> */

#album {
   color: #CACFB9;
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
   font-size: 9px;
   background: transparent;
   text-decoration: underline;
   text-align: center;
}

#album img {
        padding: 4px;
        background: transparent;
        border: 1px solid #CACFB9;
        }

#album td {
        text-align: center;
        vertical-align: top;
        }

#album table {
        text-align: center;
        vertical-align: top;
        }

#album .title {
   font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, sans-serif;
        font-size: 9px;
        padding-top: 4px;
        padding-bottom: 10px;
}

/* ******************************** */

.album-link a {
color:#666666;
}

.album-link a:link {
color:#666666;
}

.album-link a:visited {

color:#666666;
}

#read-more {
        font-size: 9px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
        margin-top: 4px;
margin-bottom: 4px;
text-align: center;
        vertical-align: top;
   }

   .blog-members {
padding: 0px 0px 3px 10px ;
font-size: .71em;
   }

#footer {
width:770px;
margin-right:auto;
margin-left:auto;
margin-bottom:auto;
padding:5px 0px 5px 0px;
text-align:left;
background: #CACFB9;
color:#3C6036;
font-size: 9px;
border-top: 1px solid #AFB39F;
   }

</style>

</head>
<body>

<div id="container">



<div id="contentheader"><br>
<div class="blogtitle"><a href="/" target="_top"><$BlogTitle$></a></div>
<p class="blogdescription"><$BlogDescription$></p></div>



<div id="contentleft">
<div id="section">
<h2 class="sectiontitle"> Eccomi </h2>
    <p style="text-align: center"><$BlogAboutMe$></p>
    </div>

    <div id="section">
    <p style="text-align: center"><$BlogButtons$></p>
    </div>

    <div id="section">
    <h2 class="sectiontitle">Ultimi Commenti</h2>
    <p><$BlogRecentComments$></p>
    </div>

     <div id="section">

     <h2 class="sectiontitle">Foto Recenti</h2>

      <p style="text-align: center"><$BlogRecentPhotos$></p>
     </div>

<div id="section">
<h2 class="sectiontitle">Link</h2>
      <p><$BlogLinkOut$></p>
    </div>

   <div id="section">
      <p> <$BlogSearch$></p>
     </div>


    <div id="section">
<h2 class="sectiontitle">Archivio</h2>
    <p><$BlogArchive$></p>
      </div>

    <div id="section">


      <h2 class="sectiontitle">Categorie</h2>


      <p><$BlogCategories$></p> </div>

     <div id="section">


     <h2 class="sectiontitle">Membri</h2>

      <p><$BlogMembers$></p>
     </div>

     <div id="section">
     <h2 class="sectiontitle">Feeds</h2>
      <p style="text-align: center"><$BlogFeeds$></p>
     </div>


     <div id="section">
     <h2 class="sectiontitle">Contatore</h2>
      <p style="text-align: center">visitato <$BlogCounter$> volte</p>
     </div>

       <div id="section">
     <h2 class="sectiontitle">Credits</h2>
   <p style="text-align: center">[Grazie a glish.com per la base del template]<br>
   [Layout design by:<br> <a href="http://www.mrenata.com" title="Semplicemente... Renata">Semplicemente... Renata</a>]<br>
   [distributed by:<a href="http://renata.splinder.comt" title="Renata Grafica">Grafica di Renata</a><br>
   <a href="http://renata.altervista.org" title="Renata Design">Renata Design_Template</a>]</p>
   </div>

  </div>


<div id="contentmain">
<$BlogPhotoAlbum$>


<Blogger> <BlogDateHeader><div id="blogdateheader"><$BlogDateHeaderDate$><a name="<$BlogItemNumber$>"></a></div></BlogDateHeader><h5 class="itemtitle"><$BlogItemTitle$></h5>
<p><$BlogItemBody$></p><h4 class="data">Postato da: <a href="<$BlogItemAuthorURL$>" title="autore"><$BlogItemAuthorNickname$></a> a <$BlogItemDateTime$>
  <a href="<$BlogItemPermalink$>" title="'Permalink' a questo post">link</a>  <$BlogItemCommentLink$><br>
        <i><$BlogItemCategories$></i> </h4>

<$BlogItemCommentList$>
</Blogger>

<div id="blog-pager">
<$BlogPager$> <img border="0" src="http://www.splinder.com/misc/img/vuoto.gif" width="1" height="1"><br>

</div>
</div>



<br clear="all" />
</div>
<div id="footer"><img border="0" src="http://www.splinder.com/misc/img/vuoto.gif" width="10" height="1">Template by Splinder, modifiche di:<a target="_blank" href="http://www.mrenata.com">Semplicemente... Renata</a></div>

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