Codice del template Gatti

<!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 {
margin:0px;
padding:0px;
scrollbar-face-color: #FFF;
scrollbar-shadow-color: #FFF;
scrollbar-highlight-color:#FFF;
scrollbar-3dlight-color: #000;
scrollbar-darkshadow-color: #FFF;
scrollbar-track-color: #FFF;
scrollbar-arrow-color: #000;
background-color: #fff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
        text-align: center;
}

a:link, a:visited {
color: #808080;
text-decoration: none;
}

a:hover {
color: #ccc;
text-decoration: underline;
}

input, textarea {
        background-color: #fff;
        border: 1px solid #ccc;
        color: #8b0304;
}

blockquote {
        border: 1px solid #ccc;
        padding: 10px;
        font-style: oblique;
margin-left: 10%;
margin-right: 10%;
}

a img {
        border: 0px;
}

#box {
        background-image: url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/rigagatti.gif');
        background-position: center;
background-color: transparent;
color: #999;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
      width: 800px;
}

#menu {
        background-color: transparent;
        float: right;
        text-align: left;
        font-size: 11px;
        color: #999999;
        width: 265px;
        margin-bottom: 0px;
        padding-bottom: 135px;
}

#boxblog {
        margin-top: 0;
        float: left;
        width: 485px;
        background-color: transparent;
        text-align: justify;
}

#footer {
        background-image: url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/fondogatti.gif');
        background-position: top center;
        background-repeat: no-repeat;
        background-color: transparent;
        height: 74px;
        clear: both;
        font-size: 10px;
        color: #666;
        text-align: center;
}

#header {
background-image: url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/gatti.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-color: #fff;
        width:800px;
        height: 350px;
        text-align: left;
        margin-top:0;
        margin-bottom:0;

}

#blogtitle {
         font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 30px;
        text-transform: capitalize;
        text-align: center;
        text-decoration: none;
   color: #ccc;
        padding-top: 10px;
        padding-left: 30px;
}

#blogtitle a:link, #blogtitle a:visited {
       color: #ccc;
       text-decoration: none;
}

#blogtitle a:hover {
       color: #c0c0c0;
       text-decoration: none;
}

#blogdescription {
         font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 16px;
        text-transform: capitalize;
        text-align:center;
color: #ccc;
        margin: 5px 0px 0px 5px;
        padding-left: 30px;
}

.boxmenu {
margin-bottom: 10px;
        margin-right: 30px;
text-align:right;
        padding: 10;
        background-color: transparent;
}

.voicemenu {
color: #808080;
font-size: 16px;
padding: 0px;
         margin-bottom: 5px;
         margin-right: 30px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-weight: bold;
text-transform: capitalize;
         text-align: center;
         letter-spacing: -1px;
}

.post {
padding: 0px 5px 0px 5px;
        background-color: transparent;
        margin-bottom: 0px;
        margin-left: 30px;
}

.titlepost {
font-size: 16px;
padding: 5px;
         margin-bottom: 3px;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         font-weight: bold;
text-transform: capitalize;
         text-align:center;
         letter-spacing: -1px;
}

.titlepost a:link, .titlepost a:visited {
       color: #5b3b3b;
       text-decoration: none;
}

.titlepost a:hover {
       color: #ccc;
       text-decoration: none;
}

.datepost {
color: #999;
         border: 1px solid #ccc;
         background-color: #fff;
font-size: 12px;
         font-weight: bold;
         letter-spacing: -1px;
text-transform: capitalize;
         text-align: center;
         padding: 3px;
         float:left;
         margin-right: 5px;
}

.titolinilog {
color: #999;
font-size: 10px;
        text-align: left;
        padding-left: 5px;
}

.text {
        color: #999;
        font-size: 12px;
        text-align: justify;
        margin: 5px 0px 15px 0px;
}

.spacing {
        background-image: url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/divisorevelati.gif');
        background-position:  center 50%;
        background-repeat: no-repeat;
        background-color: transparent;
        height: 16px;
        margin: 20px 0px
}

/* ---------------------------------
STILE IMPAGINAZIONE
--------------------------------- */

#blog-pager div {
display: inline;
color: #666;
font-size: 10px;
padding: 1px;
}

#blog-pager a {
display: inline;
margin: 3px;
text-decoration: underline;
}

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

/* ---------------------------------
STILE COMMENTI
--------------------------------- */

.comment {
      margin-top: 1em;
      background:transparent;
}

.comment-body {
        color: #999;
text-align: left;
        font-size: 12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
        padding-top: 5px;
}

.comment-top {
        border-bottom: 1px solid #ccc;
text-align: left;
padding:3px;
font-style:normal;
font-variant:normal;
font-weight:normal;
        height: 10px;

}

.comment-bottom {
background: transparent;
text-align: left;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #999;
}

.comment-tips {
background: transparent;
text-align: left;
padding-left:.5em;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #999999;
}

.comment-form-title {
         background-image: url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/divisorevelati.gif');
         background-repeat: no-repeat;
         background-position:  right bottom;
         font-family: Verdana, Arial, Helvetica, sans-serif;
         text-align: left;
         color: #db201c;
font-size: 16px;
         font-weight: bold;
text-transform: capitalize;
         margin: 20px 0px; padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:12px
}

.comment-form-user {
background:transparent ;
padding-left:.5em;
padding-top: .3em;
text-align: left;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #999999;
line-height: 1.3em;
}

</style>
</head>

<body>

<div id="box">

<div id="header">

      <div id="blogtitle"><a href="/" title="home page">
       <$BlogTitle$>

      </a></div>

      <div id="blogdescription" ><$BlogDescription$></div>

</div>


    <div id="boxblog">

<center>

<Blogger> <$BlogNavigation$>

</center>

<div class="post">

<div class="datepost"> <BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>
</div>

<div class="titlepost"><a href="<$BlogItemPermalink$>" title="permalink to this post"><$BlogItemTitle$></a></div>

<div class="titolinilog">

author:  <$BlogItemAuthorNickname$>  <$BlogItemDateTime$> <br />
category: <$BlogItemCategories$> <br />
comments: <$BlogItemComments$>(popup)  <$BlogItemCommentLink$><$BlogItemCommentList$>

</div>

<br clear="all" />

<div class="text"><$BlogItemBody$></div>

</div>

<div class="spacing"></div>

</Blogger>

<center>

<$BlogPager$>

</center>

</div>

    <div id="menu">

            <div class="voicemenu">

                     Che ora �

            </div>

    <div class="boxmenu">
    <iframe allowtransparency="true" border="0" frameborder="no" framespacing="0" src="http://www.mrenata.com/orgatto.htm"
scrolling="no" width="121" height="97"></iframe>
    </div>

            <div class="voicemenu">

                      about

            </div>

    <div class="boxmenu">


    <center>

    <$BlogAboutMe$>
    <br /><br />
    <$BlogButtons$>
    <br /><br />
    <$BlogFeeds$>
    </center>
    </div>



            <div class="voicemenu">

                      Commenti

    </div>

    <div class="boxmenu">



    <$BlogRecentComments$>

    </div>

            <div class="voicemenu">

                      archivio

    </div>


    <div class="boxmenu">



    <$BlogArchiveCollapsed$>

    </div>

            <div class="voicemenu">

                      categorie

    </div>

    <div class="boxmenu">



    <$BlogCategories$>

    </div>

            <div class="voicemenu">

                      Links

    </div>


    <div class="boxmenu">



    <$BlogLinkOut$>
    </div>

            <div class="voicemenu">

                      blloggers

    </div>

    <div class="boxmenu">



    <$BlogMembers$>
    </div>

            <div class="voicemenu">

                      My photos

    </div>

    <div class="boxmenu">



    <center>

    <$BlogRecentPhotos$>

    </center>
    </div>

            <div class="voicemenu">

                      counter

    </div>

    <div class="boxmenu">



    <center>

    <$BlogCounter$> visitatori

    </center>
    </div>

            <div class="voicemenu">

                      credits

    </div>

    <div class="boxmenu">



   [Layout design by:<br> <a href="http://www.mrenata.com" title="Semplicemente... Renata">Semplicemente... Renata</a>]<br>
   [distributed by:
    <a href="http://renata.splinder.comt" title="Renata Grafica">Grafica di Renata</a>]
<br />
[Base codici:
<a href="http://pannasmontata-templates.net" target="_blank"><b>Pannasmontata</b></a>]


    </div>

    </div>



<div id="footer">

</div>



</div>

</body>
</html>