Codice del Template Caffè
<!---//- Free Template by: Semplicemente... Renata - http://renata.splinder.com http://www.mrenata.com
Template 1-caffe ---->
<html>
<meta name="keywords" content="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:#ffffff;
color:#000000;
font-family:Verdana,Arial,Sans-serif;
font-size:11px;
text-align:center;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #808080;
scrollbar-highlight-color:#ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #808080;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #808080;
scrollbar-darkshadow-color: #808080;
}
a{
font-family: Verdana,Arial,Sans-serif; font-weight: bold; font-size: 10px; text-decoration: none; color: #000000;
}
a:hover{
color: #ff9900; 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;
}
/* ---------------------------------
STILE CONTENUTO
--------------------------------- */
div#contenitore{
background-image: url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/rigacaffe2.gif');
background-repeat: repeat-y;
width: 900px;
margin-top: 20px;
border: 0px;
background-color: #fff;
}
div#header {
width:900px;
height:422px;
margin-top:0px;
margin-left:-1px;
background-image:url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/caffe2.jpg');
background-repeat:no-repeat;
}
div#corpo {
margin-left: 20px;
margin-right: 85px;
}
div#sinistra {
float: left;
width: 240px;
padding-top: 70px;
}
div#destra {
float: right;
width: 450px;
border: 0px;
padding-top: 10px;
padding-left: 10px;
padding-right: 50px;
}
div#news{
background-color: transparent;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
text-align: right;
margin-top: 250px;
margin-left: 10px;
overflow: auto;
width: 203px;
height: 216px;
}
div#fondopagina{
border:0px;
text-decoration: none;
font-size:11px;
font-family:Verdana,Arial,Sans-serif;
width: 100%;
height: 10px;
clear: both;
margin-top: 10px;
margin-left: 100px;
color: #000;
}
.titolo {
text-align: center;
width: 230px;
color: #808080;
font-size: 12px;
font-weight:bold;
margin-left: 3px;
}
.titolo_post {
text-align: center;
width: 440px;
color: #000;
font-size: 12px;
font-weight:bold;
}
.blogtitle{
text-align: left;
font-weight: bold;
font-family: Verdana,Arial,Sans-serif;
font-size: 15px;
letter-spacing: 4px;
color: #000;
filter: Shadow(strength=4 color=#cccccc height=3px );
height: 0px; text-align: center; cursor: nw-resize;
}
/* ---------------------------------
STILE PAGER
--------------------------------- */
# blog-pager a{
text-decoration: underline;
}
.blog-pager{
padding: 1px; font-weight: normal; display: inline; font-family: Verdana; color: #000; font-size: 0.83em;
}
/* ---------------------------------
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;
}
</style>
</head>
<body>
<div id="contenitore">
<div id="header">
</div>
<div id="corpo">
<div id="sinistra"> <p class="titolo"> About Me </p>
<$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 del Template: ©Web<br />
Template e Layout by <br> <a href="http://www.mrenata.com" target="_blank">© Semplicemente... Renata<br>
<img src="http://i44.photobucket.com/albums/f9/renata57/banner/ban5.gif" border="0" width="88" height="31" alt="Semplicemente... Renata"></a><br>
Distribuito da<br>
<a title="Grafica di Renata" href="http://renata.splinder.com">
<img src="http://i44.photobucket.com/albums/f9/renata57/banner/bannermini.gif" border="0" width="84" height="52"></a><br>
Blog Host by <a href="http://www.splinder.com/"target="_blank">Splinder</a>
<br>
</div>
<div id="destra"><$BlogPhotoAlbum$> <Blogger> <$BlogNavigation$><BlogDateHeaderDate> <br />
<br />
<$BlogDateHeaderDate$> </BlogDateHeaderDate> - <$BlogItemDateTime$>
<p class="titolo_post"> <$BlogItemTitle$> </p>
<p> <$BlogItemBody$> <br />
<br />
Pensieri di: [<a href="<$BlogItemAuthorURL$>" target="_blank"><$BlogItemAuthorNickname$></a>]<br>
Categoria: <$BlogItemCategories$> <a href="<$BlogItemPermalink$>"> Link </a> <br>
<$BlogItemComments$> (popup) <$BlogItemCommentLink$> <$BlogItemCommentList$></p>
</Blogger><br />
<br />
<center>
<$BlogPager$>
</center>
</div>
</div>
<!-- inizio fondo pagina-->
<div id="fondopagina">
<p class="contenuti">Template<a href="http://www.mrenata.com" target="_blank">© Semplicemente... Renata</a></p>
</div>
<!-- fine fondo pagina -->
</div>
</body>
</html>