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>