Codice template Peperoncini

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title><$BlogTitle$></title>
<style type="text/css">
/* ---------------------------------
STILE GENERALE
--------------------------------- */
body{
margin:0px;
padding:0px;
height:100%;
background-image:url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/rigapep.gif');
background-repeat:repeat-y;
background-color:#99aa5c;
scrollbar-face-color: #ad241a;
scrollbar-shadow-color: #99aa5c;
scrollbar-highlight-color:#ad241a;
scrollbar-3dlight-color: #ad241a;
scrollbar-darkshadow-color: #ad241a;
scrollbar-track-color: #99aa5c;
scrollbar-arrow-color: #99aa5c;
font-family:Verdana, Tahoma, Arial, Helvetica, Sans-serif;
font-size:12px;
}
A:link {
COLOR: #fff; text-decoration: none;
}
A:active {
COLOR: #fff; text-decoration: none;
}
A:visited {
COLOR: #fff; text-decoration: none;
}
A:hover {
color : #fff; text-decoration:none;
filter:alpha(style=3, opacity=100 finishopacity=0, startx=0, finishx=100, starty=0, finishy=100); height: 10px;
font-size:12px;
cursor:help;
}

/* ---------------------------------
STILE CONTENUTO
--------------------------------- */
div#contenitore{
width: 900px;
height: 800px;
border: 0px;

}
div#contentheader{
width: 850px;
height: 576px;
margin-top:0px;
margin-left: -1px;
background-image:url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/peperoncini.jpg');
background-repeat:no-repeat;
}
div#content{
float:left;
display:inline;
margin-top: 0px;
margin-right:5px;
width:455px;
text-align:left;
}
div#colonnasx {
margin-top: 0px;
margin-left: 10px;
float: left;
width: 296;
overflow:hidden;
}
div#news{
background-color: transparent;
float: left;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
font-size: 10px;
text-align: right;
margin-top: 290px;
margin-left: 8px;
overflow: auto;
width: 250px;
height: 230px;
}
div#fondopagina {
border: 0px solid #ad241a;
width: 100%;
height: 10px;
clear: both;
margin-top: 10px;
margin-right: 20px;
color: #FFF;
text-align: center;
}
/* ---------------------------------
STILE TESTO
--------------------------------- */
.text {
font-size: 12px;
color:#fff;
letter-spacing: 1px;
height: 4px;
text-align: center;
cursor: nw-resize;
}
div#base {
width: 230px;
padding: 5px;
color: #FFF;
font-weight: 8px;
word-wrap: break-word;
overflow:hidden;
}
div#titolini {
background-image:url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/separatorepep.gif');
filter: alpha (style=2, opacity=100, finishopacity=0);
height:0px;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
font-size: 11px;
padding: 8px;
margin-bottom:20px;
color: #FFF;
text-align: center;
font-weight: bold;
border: 0px solid #FFF;
}

/* ---------------------------------
STILE PAGER
--------------------------------- */
.blog-pager div {
padding: 1px;
font-weight: 10px;
display: inline;
border:1px solid #6f616c;
font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
color: #cacbcd;
font-size: 12px;
}
.blog-pager a {
text-decoration: underline;
display: inline;
margin: 4px;
}
/* ---------------------------------
STILE NAVIGAZIONE
--------------------------------- */

.navigazione {
    border:1px solid #FFFFCC;
color: #000;
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 POST
--------------------------------- */
.data{
color:#fff;
margin-bottom:5px;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
}
.post_titoli{
border:1px;
color:#ad241a;
padding-top:3px;
margin-bottom:10px;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
}
.post {
font-size: 12px;
text-align:left;
margin-bottom:10px;
}

.post_autore {
font-size: 12px;
color: #FFF;
text-align:center;
border-top:1px solid #413e3e;
margin-bottom:10px;
padding-bottom:3px;
}
.post a:link, .post a:visited, .post a:active {
color : #000;
border-bottom:1px solid #000;
text-decoration: none;
font-size:12px;
cursor:ne-resize;
}
.post a:hover {
color : #ccc7c7;
background-color:#fff;
text-decoration: none;
font-size:11px;
cursor:ne-resize;
}
.post_autore a:link, .post_autore a:visited, .post_autore a:active {
color : #413e3e;
border:0px;
text-decoration: none;
font-size:11px;
cursor:ne-resize;
}
.post_autore a:hover {
color : #ccc7c7;
background-color:#413e3e;
border:0px;
text-decoration: none;
font-size:11px;
cursor:ne-resize;
}
.divisore {
margin-bottom:25px;
}
img.divisore{
border:1px solid #000;
}
/* ---------------------------------
STILE COMMENTI
--------------------------------- */

.comment{
margin-bottom:10px;
text-align:left;
font-size:11px;
color:#ccc;
border-bottom:1px solid #413e3e;
}
.comment-form-title {
margin:20px 20px;
color : #413e3e;
font-size: 11px;
font-weight:bold;
text-transform:uppercase;
text-align:center;
padding:2px;

}
.comment-top {
margin-left:20px;
margin-right:20px;
}
.comment-body{
margin:10px;
padding-bottom:5px;
color:#000;
text-align:left;
font-size:11px;
}
.comment-form-user, .comment-counter, .comment-bottom, .comment-tips{
margin:5px;
color:#000;
text-align:left;
font-size:11px;
}
.comment img {
border:0px;
}
.comment td {
vertical-align:bottom;
}
.comment-form-user input {
font-family:Verdana,Arial,Sans-serif;
font-size:11px;
color:#000;
border:1px solid #413e3e;
background-color:#fff;
}
.comment-body textarea {
font-family:Verdana,Arial,Sans-serif;
font-size:11px;
color:#000;
border:1px solid #413e3e;
background-color:#fff;
}
</style>
</head>
<body>

<div id="contenitore">


<div id="contentheader">


<div id="news">

<p class="text">
INSERISCI QUI IMMAGINI, FOTO ECC
<img src="http://i44.photobucket.com/albums/f9/renata57/blog/commento3.jpg" border="0" width="171" height="243"><br> OPPURE
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
v
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blogScrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blogScrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blogScrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
v
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blogScrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blogScrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
v
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blogScrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blogScrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blogScrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blogScrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
Scrivi qui le news del tuo blog
</p>

</div>

</div>



<div id="colonnasx">

<div id="base">
<div id="titolini">Titolo</div>
<center><$BlogTitle$></center>
</div>

<div id="base">
<div id="titolini">Chi sono </div><br>
<p class="text" align="center">
Scrivi qui chi
sei</p>
</div>

<div id="base">
<div id="titolini">Amo </div><br>
<p class="text" align="center">Scrivi qui cosa ami</p>

</div>

<div id="base">
<div id="titolini">Odio</div><br>
<p class="text" align="center">Scrivi qui cosa odi</p>
</div>

<div id="base">
<div id="titolini">Leggo</div><br>

<p class="text" align="center">Scrivi qui cosa leggi</p>
</div>

<div id="base">
<div id="titolini">Preferiti</div><br>

<p class="text" align="center">Scrivi qui i tuoi preferiti</p>
</div>

<div id="base">
<div id="titolini">Pensieri</div><br>
<p class="text"> <center>

<marquee width=199 height=147 direction="up" scrollAmount=1><p align="center">Scrivi qui i tuoi pensieri</p></marquee></center></p>
</div>

<div id="base">
<div id="titolini">Ascolto</div><br>

<center>
<embed SRC="http://tuamusica.mp3" , hidden="false" , autoplay="true" ,
width="208" , height="30"></center><br>

<p class="text" align="center">Scrivi qui cosa ascolti</p>
</div>

<div id="base">
<div id="titolini">Commenti</div>
<p><$BlogRecentComments$></p>
</div><br><br>

<div id="base">
<div id="titolini">Il Tempo</div><br>
<p align="center">
<iframe allowtransparency="true" src="http://www.mrenata.com/perfio.htm" name="perfio" SCROLLING="no" marginwidth="0" margineight="0" hspace="0" vspace="0" frameborder="0" width="186" height="235"></iframe>

</center>
</div>

<div id="base">
<div id="titolini">Tag Board</div><br>

<p class="text"><center>Inserisci la tua tag board<br>
Larghezza massima 200 px</center></p>
</div>
<div id="base">
<div id="titolini">Le mie foto</div><br>
<center>
<$BlogRecentPhotos$>
</center>
</div>

<div id="base">
<div id="titolini">Archivio</div><br>
<center><$BlogArchive$></center>
</div>

<div id="base">
<div id="titolini">Categorie</div><br>
<center><$BlogCategories$></center>
</div>

<div id="base">
<div id="titolini">Links</div><br>
<center><$BlogLinkOut$></center>
</div>

<div id="base">
<div id="titolini">Visitatori</div><br>
<p class="text"><center>Sono passati <br>
<$BlogCounter$> <br>
amici piccanti</center></p>

</div>

<div id="base">
<div id="titolini">Link Me </div><br>
<p  class="text">
<center>
<A href="http://edit.splinder.com/events/subscribe/nomeblog">
<img src="http://i44.photobucket.com/albums/f9/renata57/template/splinder/banner.jpg" border="0" width="99" height="97"></A><br>

<br>
Inseriscimi fra i tuoi Preferiti</center></p>
</div>

<div id="base">
<div id="titolini">Me </div><br>
<p class="text">
<center>
<$BlogAboutMe$>
</br>
<$BlogFeeds$></center></p>
</div>

<div id="base" style="width: 230; height: 140">
<div id="titolini">Credits</div><br>
<p class="text" align="left">Template: <a href="http://www.mrenata.com">Semplicemente... Renata</a><br>
Distribuito da: <a href="http://renata.splinder.com">Grafica Renata</a>
</p>
</div>
</div>



<div id="content">

<center>
<$BlogPhotoAlbum$>
<Blogger><$BlogNavigation$>
<p class="data"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></p>
<p class="post_titoli"><$BlogItemTitle$></p>
<p class="post"><$BlogItemBody$></p>
<p class="post_autore">
pensieri piccanti di [<a href="<$BlogItemAuthorURL$>" target="_blank"><$BlogItemAuthorNickname$></a>]  alle ore
<$BlogItemDateTime$>  <$BlogItemCategories$><br/>
<a href="<$BlogItemPermalink$>">permalink </a>  <$BlogItemCommentLink$><$BlogItemCommentList$>  <$BlogItemComments$> (popup)</p><br>
<img src="http://i44.photobucket.com/albums/f9/renata57/template/splinder/separatorepep.gif" border="0" alt="divisore" class="divisore" width="308" height="26"/>
</Blogger>
<div id="blog-pager" align="center"> <$BlogPager$></div>
</center>


</div>
</div>

<div id="fondopagina">
<a href="http://www.mrenata.com" target="_blank">�Semplicemente... Renata</a>
</div>

</div>

</body>
</html>