Codice del template Nuoto

<html>

<meta name="keywords" content="adesivi, animati, auguri, bacheca_con_parole_dautore, benvenuti, calendarietti, cartoline, datari, minitag, nomi, orologini, per_me, scritte_animate, tag_, web log, blog,  templates, splinder, diario online, 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" />

<title>
<$BlogTitle$>
</title>
<head>
<style type="text/css">

/* ---------------------------------
STILE GENERALE
--------------------------------- */
body {
margin:0px;
padding:0px;
height:100%;
background-color:#fff;
color:#000;
font-family:Verdana,Arial,Sans-serif;
font-size:10px;
text-align:center;
scrollbar-face-color: #fff;
scrollbar-shadow-color: #b3cdfd;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #b3cdfd;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #b3cdfd;
scrollbar-darkshadow-color: #fff;
}
  a{
font-family: Verdana,Arial,Sans-serif; font-weight: bold; font-size: 10px; text-decoration: none; color: #0b34aa;
}
a:hover{
color: #b3cdfd; text-decoration:none; filter:alpha(style=3, opacity=100 finishopacity=0, startx=0, finishx=100, starty=0, finishy=100); height: 8px;
font-size:10px;
cursor:help;
}
a img {
        border: 0px;
}
input, textarea {
        background-color: #FFF;
        border: 3px double #b3cdfd;
        color: #000;
}

blockquote {
        border-left:3px double #b3cdfd;
        padding: 10px;
        font-style: oblique;
margin-left: 10%;
margin-right: 10%;
}
.read-more {
font-size: 10px;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
margin-top: 10px;
margin-bottom: 0px;
text-align: left;
vertical-align: bottom;
border-bottom: 1px dashed  #b3cdfd;
}

/* ---------------------------------
STILE CONTENUTO
--------------------------------- */
#contenitore {
width:98%;
       margin: 0 auto;
background-color: transparent;

}

div#header {
width:707px;
height:424px;
margin-top:10px;
margin-left:0px;
background-image:url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/nuoto/nuoto6.jpg');
background-repeat:no-repeat;
}
#nomeblog{
position: relative;
top:10px;
left: 5px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
text-align: left;
width: 100%;
height: 25px;
background-color: #fff;
border: 1px solid #b3cdfd;
}
#nomeblog a{
font-family: Verdana,Arial,Sans-serif; font-weight: bold; font-size: 24px; text-decoration: none; color: #0b34aa;
}
#nomeblog a:hover{
color: #b3cdfd; text-decoration:none; filter:alpha(style=3, opacity=100 finishopacity=0, startx=0, finishx=100, starty=0, finishy=100); height: 8px;
font-size:24px;
cursor:help;
}
#nomedescription{
       position: relative;
       top: 320px;
       left: 270px;
       font-family: Geneva, Arial, Helvetica, sans-serif;
       font-size: 12px;
       color: #d20904;
       font-weight: bold;
       text-align: left;
       width: 100%;
       height: 25px;
}

div#sinistra {
    float: left;
    width: 15%;
    text-align:left;
    padding: 5px;

}
div#corpo {
float: right;
width: 75%;
background-image: url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/nuoto/galleggiante2.jpg');
background-repeat: repeat-y;
border-bottom: 3px double #b3cdfd;
padding: 30px;

}

div#fondopagina{
border-top:3px double #b3cdfd;
text-decoration: none;
font-size:11px;
font-family:Verdana,Arial,Sans-serif;
width: 100%;
height: 105px;
clear: both;
margin-top: 30px;
margin-left: 0px;
margin-bottom: 30px;
color: #000;
}
.titolo {
text-align: center;
width: 100px;
        height:15px;
        background-color: #0b34aa;
        border:3px double #fde300;
color: #fde300;
font-size: 12px;
font-weight:bold;
}
.titolo_post {
background-color: #c00000;
border:3px double #fde300;
text-align: center;
width: 100%;
color: #fde300;
font-size: 12px;
font-weight:bold;
}
#boxblog{
width: 100%;
margin-top:0px;
text-align:center;
font-size:12px;
color: #000;
padding: 2px 10px 0 50px;
line-height: 20px;
}
/* ---------------------------------
STILE PAGER
--------------------------------- */

.pager {
color: #666;
font-family: Arial, Verdana, sans-serif;
text-align: left;
text-transform: uppercase;
}

#blog-pager div {
    padding: 5px;
    color: #000;
    font-weight: normal;
    display: inline;
}

/* ---------------------------------
STILE NAVIGAZIONE
--------------------------------- */
.navigazione {
      border:1px solid #FFFFCC;
color: #000000;
margin-bottom: 6px;
margin-top: 4px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 2px;
text-align: center;
}

.prev {
        float: left;
        text-align: left;
        width: 45%;
}

.next {
float: right;
text-align: right;
width: 45%;
}

.home {
      text-align: center;

}
/* ---------------------------------
STILE COMMENTI
--------------------------------- */
.comment {
      border: 3px double #0b34aa;
      margin-top: 1em;
      background:transparent;
      width: 99%;
}

.comment-body {
text-align: left;
font-style:normal;
font-variant:normal;
font-weight:normal;
        padding:10px;
        margin-bottom: 10px;
        border:1px solid #0b34aa;
        background: #b3cdfd;
        color: #0b34aa;
}

.comment-top {
background: transparent;
text-align: right;
padding-bottom:.7em;
margin-right: .55em;
padding-right: .5em;
border-bottom: 1px none #fff;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

.comment-bottom {
background: #b3cdfd;
text-align: left;
padding: .2em .0em .9em .0em ;
        border: 3px double #0b34aa;
        margin-top: 10px;
font-style:normal;
font-size:10px;
font-weight:normal;
color: #0b34aa;
}

.comment-tips {
background: transparent;
text-align: left;
padding-left:.5em;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #28435E;
}

.comment-form-title {
background: transparent;
text-align: right;
margin-left: .55em;
margin-right: .55em;
margin-top: 20px;
padding-left: .5em;
padding-right: .5em;
   border-bottom: 0px solid #ca231d;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #B2BACC;
}

.comment-form-user {
background:transparent ;
padding-left:.5em;
padding-top: .3em;
        margin-top: 5px;
text-align: left;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #28435E;
line-height: 1.3em;
}
/* ---------------------------------
FINE STILE COMMENTI
--------------------------------- */
/* ---------------------------------
CLASSI DI STILE PER IL TAG <*$BlogPhotoAlbum$>
--------------------------------- */

#album {
background: transparent;
font-size: 9px;
text-decoration: underline;
text-align: center;
}

#album-link {
vertical-align:top;
}
#album-link a:link {
vertical-align:top;
}

#album img {
padding: 4px;
background: #DDDDDD;
}

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

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

#album .title {
font-size: 9px;
padding-top: 4px;
padding-bottom: 10px;
}

/* ---------------------------------
FINE CLASSI DI STILE PER IL TAG <*BlogPhotoAlbum$>
--------------------------------- */

/* ---------------------------------
CLASSI DI STILE PER IL TAG <*$BlogRecentPhotos$>
--------------------------------- */

#recent-photos {
background: transparent;
text-align: center;
padding: 10px 0px 10px 0px;
}

#recent-photos img {
background: #DDDDDD;
padding: 4px;
}

#recent-photos .album-link {
background: transparent;
text-align: center;
margin:0px 10px;
text-decoration: underline;
}

#recent-photos .title {
font-size: 9px;
font-weight: bold;
width: auto;
padding: 5px;
text-align: center;
}

/* ---------------------------------
FINE CLASSI DI STILE PER IL TAG <*BlogPhotoAlbum$>
--------------------------------- */
/* ---------------------------------
STILE FOTO E MEDIA RECENTI
--------------------------------- */
#media_gallery{
margin-left:50px;
}
#media-thumb{
margin-left:50px;
}

/* ---------------------------------
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;}
/* ---------------------------------
FINE SOCIAL BOOKMARKING
--------------------------------- */

</style>

</head>
<body>
<div id="contenitore">

<div id="header">
<div id="nomeblog">
<a href="/" title="home page"><$BlogTitle$></a>
</div>

<div id="nomedescription">
<$BlogDescription$>
</div>

</div>

<div id="sinistra"> <p class="titolo">   About Me   </p>
<$BlogAboutMe$><br>
<$BlogDescription$>



          <p class="titolo">  Membri  </p>
          <$BlogMembers$>

          <p class="titolo">   Commenti:  </p>
          <$BlogRecentComments$>
          <p class="titolo">  Archivio  </p>
          <$BlogArchive$>
          <p class="titolo">  Categorie  </p>
          <$BlogCategories$>
          <p class="titolo">  Links  </p>
          <$BlogLinkOut$>
          <p class="titolo">  Foto  </p>
          <$BlogRecentPhotos$>
          <p class="titolo">  Bottoni  </p>
          <$BlogButtons$><br />
          <br />
<$BlogFeeds$>
<p class="titolo">  Contatore  </p>
Siete passati di qui in <$BlogCounter$>

<p class="titolo">  Crediti  </p>
Immagini by: web<br />
Template e Layout by <br> <a href="http://www.mrenata.com" target="_blank">� Semplicemente... Renata</a><br />
Distribuito da<br>
<a title="Grafica di Renata" href="http://renata.splinder.com">
Graphic</a><br />
<a title="Siti e Template di Renata" href="http://renata.altervista.org">Design</a>

</div>

<div id="corpo">
<$BlogPhotoAlbum$>
<div id="boxblog">
<Blogger> <$BlogNavigation$><BlogDateHeaderDate> <br />
      <br />

<$BlogDateHeaderDate$> </BlogDateHeaderDate> - <$BlogItemDateTime$>
<p class="titolo_post"> <$BlogItemTitle$> </p>
<p> <$BlogItemBody$> <br />
<img src="http://i44.photobucket.com/albums/f9/renata57/template/splinder/nuoto/occhialini.jpg">
    <br />
Pensieri di: [<a href="../%3C$BlogItemAuthorURL$%3E" target="_blank"><$BlogItemAuthorNickname$></a>]<br>
  Categoria: <$BlogItemCategories$>  <a href="../%3C$BlogItemPermalink$%3E"> Link </a>  <br>
  <$BlogItemComments$> (popup)  <$BlogItemCommentLink$> <$BlogItemCommentList$><br>
Segnala il post su: <$BlogItemSocialBookmarking$></p>
</Blogger><br />
        <br />
        <center>
        <$BlogPager$>
        </center>

  </div>
</div>


<div id="fondopagina">
<p align="center"><img src="http://i44.photobucket.com/albums/f9/renata57/template/splinder/nuoto/NUOTO-1.gif"></p>
<p class="contenuti">
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.5/it/">
<img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/2.5/it/80x15.png" width="80" height="15" />
</a>
<br />Questo/a opera � pubblicato sotto una
<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/2.5/it/">Licenza Creative Commons</a></p>
</div>

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