Crea sito

Codice_quadri

<!-- Free Template by Semplicemente... Renata - http://www.mrenata.com 
  http://renata.splinder.com
Se hai bisogno di aiuto consulta il blog: http://renatatutorial.splinder.com 
  http://renata.altervista.org 
template rettangoli n° 110--> 

<!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 name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title><$BlogTitle$></title>

<style type="text/css">
body {
background: #fff;
text-align: center;
margin:0;padding:0; 
font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#000;
}

a:link {
color: #ff8321;
text-decoration: none;
font-weight: bold;

}

a:visited {
color:  #ff8321;
text-decoration: none;
font-weight: bold;

}

a:hover {
background-color:#ffff96;
color: #f73100;
text-decoration: none;
font-weight: bold;
cursor:crosshair;

}


a img {border: 0px;}

input, textarea {
margin-left:10%;
background-color: #FFF;
border: 1px solid #da1a06;
color: #000;
}

.read-more {
margin-left: 15px;
margin-top: 10px;
margin-bottom: 10px;
padding-left:5px;
text-align: left;
border-left: 2px dotted #407344;
}

blockquote {
border-left: 4px double #da1a06; 
text-indent: 25px;
margin:10px;
padding:10px;
font-size:10px;
font-weight:bold;
color: #444;
}



cite{
display:block;
font: normal oblique 10px/1.4 Verdana, Geneva, Arial, Helvetica, sans-serif; color:#da1a06;
text-align:right;
 }



/* ---------------------------------
FINE STILE GENERALE
--------------------------------- */
/* ---------------------------------
STILE CONTENUTO
--------------------------------- */
#contenitore{
background: url('http://i44.photobucket.com/albums/f9/renata57/progetti_renata/my%20diary/quaderni.jpg') no-repeat;
margin-left: auto;
margin-right: auto;
width: 800px;
}


#contenuto{
line-height: 1.5em;
text-align: justify;
font-size:10px;
color: #2C739D;
margin: 0 auto 12px auto;
padding: 10px 20px 10px 20px;
}
#titoloblog { 
font-size:20px; 
font-weight:bold; 
padding:20px; 

     
#blogdescription{ 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 16px; 
font-weight:bold; 
color: #004000; 
margin-left:200px; 

}
#corpo {
float:right;
width:615px;
padding-bottom: 20px;
background-color: transparent;
margin-bottom: 4px;
margin-top: 400px;
}
#boxblog{
font-size:10px;
color: #666;
margin: 10px auto 20px;
padding: 5px;

}

#colonna {
float:left;
width:160px;
padding-bottom: 20px;
margin: 250px 0 4px 0;
border-right: #b40000 solid 1px;
border-bottom: #b40000 solid 1px;
border-left: #b40000 solid 1px;
background-color: transparent;
}
#footer {
clear: both;
background:url('http://i44.photobucket.com/albums/f9/renata57/progetti_renata/my%20diary/footer.jpg') right bottom no-repeat;
height:250px;
border-top:10px double #b40000;
color:#333;
padding-top: 20px;
margin-top: 20px;
margin-bottom: 20px;
text-align: left; 
}





/* ---------------------------------
FINE STILE CONTENUTO
--------------------------------- */




/* ---------------------------------
 STILE CORPO
--------------------------------- */
#corpo {
text-align: center;


}




.titolo_post {
background:transparent;
height:20px;
margin-top: 20px;
border-top:3px solid #b40000;
font-size: 16px;
font-weight: bold;
color:#da1a06;
text-align:center;
}
.titolo_post a:link {
color: #ff8321;
text-decoration: none;
font-weight: bold;
font-size:14px;

}

.titolo_post a:visited {
color:  #ff8321;
text-decoration: none;
font-weight: bold;
font-size:14px;

}

.titolo_post a:hover {
background-color:#ffff96;
color: #f73100;
text-decoration: none;
font-weight: bold;
font-size:14px;
cursor:crosshair;


}
.data {
float:left;
background:transparent;
height:20px;
border:4px double #da1a06;
font-size:10px;
color:#407344;
padding:5px;

}



.cat {
border-left: 3px double #9acd28;
border-bottom: 3px double #9acd28;
    color: #a20000;
margin-top:20px;
padding: 3px;
    margin-bottom:10px;
    width:auto;
}

/* ---------------------------------
 FINE STILE CORPO
--------------------------------- */
/* ---------------------------------
 STILE MENU
--------------------------------- */

#menu {
font-size:10px;
color: #2C739D;
width: 150px;
text-align: center;
margin-top: 10px;
line-height: 18px;
margin-bottom: 10px;
}



.titolini {
font-size: 12px;
font-weight: bold;
color: #b40000;
background:#ffff96;
border:3px double #b40000;
margin-bottom:5px;

}
/* ---------------------------------
 FINE STILE MENU
--------------------------------- */

</style>
</head>
<body>
<div id="contenitore">
<div id="titoloblog"><a href="#"> <$BlogTitle$> </a></div> 

<div id="colonna">



<div id="menu">
<p class="titolini">Chi sono</p>
<$BlogAboutMe$><br />
<$BlogDescription$>
</div><!-- menu  END  -->
<div id="menu">

<p class="titolini">feeds</p>

<$BlogSubscribeButton$><br />
<$BlogButtons$><br />
<$BlogFeeds$></p>
</div><!-- menu  END  -->






<div id="menu">
<p class="titolini">Commenti</p>
<$BlogRecentComments$>
</div><!-- menu  END  -->



<div id="menu">
<p class="titolini">Categorie</p>
<$BlogCategories$>
</div><!-- menu  END  -->

<div id="menu">

<p class="titolini">Archivio</p>
<$BlogArchive$>
</div><!-- menu  END  -->

<div id="menu">
<p class="titolini">Link</p>
<$BlogLinkOut$>
</div><!-- menu  END  -->

<div id="menu">
<p class="titolini">Foto</p>
<$BlogRecentPhotos$>
</div><!-- menu  END  -->


</div><!-- colonna END  -->

<div id="contenuto">
<div id="corpo">


<a name="top">*</a>
<!-- se non vuoi il blog pager qui, cancella la riga <div id="blog-pager"><$BlogPager$></div> qui sotto -->
<div id="blog-pager"><$BlogPager$></div>
<$BlogPhotoAlbum$>
<Blogger>

<div id="navigazione"><$BlogNavigation$></div>




<div class="titolo_post"><$BlogItemTitle$></div>

<div id="data">Postato alle <$BlogItemDateTime$> di <$BlogDateHeaderDate$></div>
da: [<a href="<$BlogItemAuthorURL$>" target="_blank"><$BlogItemAuthorNickname$></a>]
<div id="boxblog"><$BlogItemBody$></div>
<div id="cat">

Categorie del post: <$BlogItemCategories$>  
<a href="<$BlogItemPermalink$>"> Link </a>   Leggi i 
<$BlogItemCommentLink$><$BlogItemCommentList$><br />

Grazie per i vostri: <$BlogItemComments$>
<p align="center">Segnala il post su: <$BlogItemSocialBookmarking$></p></div>

</Blogger>
</div>








</div><!-- corpo END  -->

   




<div id="footer"><!-- footer  START  -->




 




<div id="menu"><!-- menu  START  -->

<p class="titolini"> Credits </p>
Template, layout, contenuti e immmagini by:<a target="_blank" href="http://www.mrenata.com" title="Il mio sito"> 
İMRenata</a>
<br /><br />
<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 /><br />
<a href="#top">[Torna su]</a><br />

</div><!-- menu  END  --> 


</div><!-- footer  END  --> 
 </div><!-- contenuto  END  -->

</div><!-- contenitore  END  --> 







</body>
</html>