Codice del template Girasoli2

<!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=utf-8" />
<meta name="keywords" content="web log, blog, semplicementerenata, 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>

<style type="text/css">

body {
background-color: #fff;
background-image:url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/riganfibi2.gif');
background-repeat: repeat-y;
scrollbar-face-color: #fff;
scrollbar-shadow-color: #000;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #fff;
scrollbar-arrow-color: #000;
scrollbar-darkshadow-color: #fff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
line-height: 11px;
color: #999;
}

A:link {
color: #999;
text-decoration: underline;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
}

A:visited {
color: #666;
text-decoration: underline;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
}

A:hover {
color: #ccc; text-decoration:none; filter:alpha(style=3, opacity=100 finishopacity=0, startx=0, finishx=100, starty=0, finishy=100); height: 10px;
font-size:10px;
cursor:help;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

input, textarea {
        background-color: #fff;
        border: 3px double #c0c0c0;
        color: #333;
}

blockquote {
        border-left: 5px double #c0c0c0;
        padding: 10px;
        font-style: oblique;
   margin-left: 10%;
   margin-right: 10%;
}

a img {
        border: 0px;
}

#header {
background-image: url('http://i44.photobucket.com/albums/f9/renata57/progetti_renata/fiori/girasoli5.jpg');
background-repeat: no-repeat;
position: absolute;
left: 0;
  top: 35px;
   width:800px;
    height:720px;
}

#corpo {
position: absolute;
width:410px;
left:20px;
top:820px;
padding-bottom: 20px;

}
#col {
position: absolute;
left:-60px;
top:750px;
padding-bottom: 30px;
}
#col-alto {
position: absolute;
width:166px;
  left:584px;
   top:58px;
}
.titoletti {
width: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000;
text-align: left;
line-height:12px;
padding:5px;
}

.contenuti {
width: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #333;
text-align:left;
}

#blogtitle {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #c0c0c0;
font-size: 14px;
text-decoration: none;
margin-top: 15px;
margin-left: 50px;
}
#blogtitle A:link {
color: #333;
text-decoration: underline;
font-size:14px;
}

#blogtitle  A:visited {
color: #333;
text-decoration: underline;
font-size:14px;

}

#blogtitle A:hover {
color: #ccc; text-decoration:none; filter:alpha(style=3, opacity=100 finishopacity=0, startx=0, finishx=100, starty=0, finishy=100); height: 10px;
cursor:help;
font-size:14px;

}
#blogdescription {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #c0c0c0;
font-size: 12px;
margin-top: 690px;
margin-left: 0px;
background: #fff;
border: 3px double #c0c0c0;
padding:10px;

}

/* ---------------------------------
STILE NAVIGAZIONE
--------------------------------- */

.navigation {
color: #666;
margin-bottom: 10px;
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;
}

/* ---------------------------------
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
--------------------------------- */

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

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

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

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

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

#album table {
text-align: left;
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 15px 0px;
}

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

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

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

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

</style>

</head>
<body>
<div id="header">
<div id="blogtitle"><a href="../../../../../../" title="home page"><$BlogTitle$></a></div>
<div id="blogdescription" ><$BlogDescription$></div>
</div>

<div id="corpo">
<$BlogPhotoAlbum$><br>

<Blogger>
<div class="titoletti">
<$BlogNavigation$>
<center><$BlogItemTitle$></center></div>
<div align="right"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader><br>
<$BlogItemDateTime$><br>
<$BlogItemCategories$></div>
<div align="justify"><$BlogItemBody$></div><br>
<div align="center"><b>[<a href="../%3C$BlogItemAuthorURL$%3E" target="_blank"><$BlogItemAuthorNickname$></a>]</b><br>
<center><$BlogItemComments$></center><br>

</div>
</Blogger>
<center>

<div class="contenuti"><$BlogPager$></div>

</center>
</div>

<div id="col-alto">
<div class="titoletti">About blog</div>
<div class="contenuti"><$BlogDescription$></div><br>
<div class="titoletti">About me</div>
<div class="contenuti"><$BlogAboutMe$><br>
    <$BlogButtons$><br>
    <$BlogFeeds$></div><br>

<div class="titoletti">Time</div>
<div class="contenuti">
  <iframe allowtransparency="true" border="0" frameborder="no" framespacing="0" src="http://www.mrenata.com/orgirasole.htm"
scrolling="no" width="106" height="64"></iframe> </div><br>

<div class="titoletti">Visite</div>
<div class="contenuti"><$BlogCounter$> visite</a></div><br>
<div class="titoletti">Crediti</div>
<div class="contenuti"><a href="http://renata.splinder.com" target="_blank" title="Blog di grafica di Renata">Grafica</a><br>
<a href="http://www.mrenata.com" target="_blank">Semplicemente... Renata</a><br>
<a href="http://renata.altervista.org" target="_blank">Design</a>
</div>

<div id="col">
<div class="titoletti">Commenti recenti</div>
<div class="contenuti"><$BlogRecentComments$></div><br>
<div class="titoletti">Archivio</div>
<div class="contenuti"><$BlogArchiveCollapsed$></div><br>
<div class="titoletti">Categorie</div>
<div class="contenuti"><$BlogCategories$></div><br>
<div class="titoletti">Blog amici</div>
<div class="contenuti"><$BlogLinkOut$></div><br><br>
<div class="titoletti">Siti preferiti</div>
<div class="contenuti">
<a href="#">#</a><br>
<a href="#">#</a><br>
<a href="#">#</a><br><br>
<div class="titoletti">Foto recenti</div>
<div class="contenuti">
<$BlogRecentPhotos$>
</div>
<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>

</body>

</html>