Codice del template Occhio Blu

<!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=iso-8859-1" />
<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 {
background-color: #13192c;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
        text-align: center;
}

a:link {
color: #e2e8fc;
text-decoration: none;
}

a:visited {
color: #e2e8fc;
text-decoration: none;
}

a:hover {
color: #ccc;
text-decoration: none;
        border-bottom: 1px dotted #e2e8fc;
}

input, textarea {
        background-color:  #13192c;
        color: #e2e8fc;
}

#box {
     border: 3px double #e2e8fc;
color: #C6BAA9;
    background-color: #13192c;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
   width: 762px;

}

#header {
        background-color: #13192c;
background-image: url('http://i44.photobucket.com/albums/f9/renata57/template/splinder/occhioblu1.jpg');
background-position:  center 100%;
background-repeat: no-repeat;
  width: 800px;
   height: 481px;
}

#boxblog {
color: #13192c;
margin-right: 240px;
        margin-bottom: 10px;
        padding-bottom: 15px;
        text-align: justify;
        position: center;

}

#menu {
        float: right;
        text-align: left;
        color: #e2e8fc;
        width: 220px;
        margin-bottom: 10px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 10px;

}

#fondo {
        height: 20px;
      clear: both;
        background-position:  center 50%;

}

#nomeblog{
       padding-right: 50px;
       padding-top: 10px;
       font-family: Geneva, Arial, Helvetica, sans-serif;
       font-size: 20px;
       color: #e2e8fc;
       text-align: right;
}

.boxmenu {
        background-color: #13192c;
        margin-bottom: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
text-align: left;

}

.vocemenu {
color: #e2e8fc;
        padding-top: 2px;
        padding-bottom: 2px;
        margin-bottom: 5px;
text-align: center;
text-transform: capitalize;
        font-weight: bold;
        border-bottom: 3px double #e2e8fc;

}

.boxmenu {
        background-color: #13192c;
margin-bottom: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
text-align: left;

}

.divlog {
        background-color: #13192c;
margin-bottom: 30px;
        margin-left: 10px;
padding: 4px;
}

.titolo {
color:#e2e8fc;
        font-weight: bold;
        font-size: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 3px;
text-transform: capitalize;
        text-align: left;
}

.datapost{
color: #e2e8fc;
text-transform: capitalize;
        text-align: left;
        font-weight: bold;
        font-size: 12px;
        border-bottom: 3px double #e2e8fc;
        padding-bottom: 2px;
}

.sottotitolini {
color: #dfe6fb;
        margin-bottom: 10px;
font-size: 11px;
        text-align: left;
}

.titolinibottom {
color: #dfe6fb;
font-size: 11px;
        text-align: center;
        margin-top: 10px;

}

.boxblog{
        color: #e2e8fc;
        text-align: justify;
        padding-bottom: 10px;
        padding-top: 10px;
}

.divlog {
        background-color: #13192c;
margin-bottom: 30px;
        margin-left: 10px;
padding: 4px;
}

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

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

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

.comment-body {
text-align: left;
font-style:normal;
font-variant:normal;
font-weight:normal;
        margin-bottom: 10px;
color: #e2e8fc;
        font-size: 12px;
}

.comment-top {
background: transparent;
text-align: right;
padding-bottom:.7em;
margin-right: .55em;
padding-right: .5em;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

.comment-bottom {
background: transparent;
text-align: left;
padding: .2em .0em .9em .0em ;
        border-bottom: 1px solid #826448;
        margin-top: 10px;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #e2e8fc;
}

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

.comment-form-title {
background: transparent;
text-align: left;
margin-left: .55em;
margin-right: .55em;
margin-top: 20px;
padding-left: .5em;
padding-right: .5em;
        border-bottom: 3px double #e2e8fc;
font-style:normal;
font-variant:normal;
font-weight:bold;
color: #e2e8fc;
}

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

.navigazione {
        border:1px solid #e2e8fc;
color: #7AB4FD;
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="box">

<div id="header">

<div id="nomeblog">
<$BlogTitle$><br />
</div>

</div>


<div id="menu">





    <div class="boxmenu">

              <div class="vocemenu">
           chi sono
              </div>


    <center>

    <$BlogDescription$>
    <br /><br />
    <$BlogButtons$>

    </center>
    </div>



    <div class="boxmenu">

              <div class="vocemenu">
   odi et amo
              </div>



    Odio : --- <br />
    Amo : ---   <br />
    La mia musica : ---   <br />
    I miei libri : ----   <br />

    </div>



    <div class="boxmenu">

              <div class="vocemenu">
                   Ipse dixit
              </div>


    <center>

    <marquee width=180 height=100 direction="up" scrollAmount=1><center>
    <font color="#b2bee4">Qua puoi inserire frasi tue, di canzoni o libri che preferisci</font>
    </marquee>

    </center>
    </div>




    <div class="boxmenu">

              <div class="vocemenu">
                   Links
              </div>


    <center>

    <$BlogLinkOut$>

    </center>
    </div>



    <div class="boxmenu">

              <div class="vocemenu">
   Ultimi Commenti
              </div>



    <$BlogRecentComments$>

    </div>



    <div class="boxmenu">

              <div class="vocemenu">
                   Archivio
              </div>


    <center>

    <$BlogArchive$>

    </center>
    </div>



    <div class="boxmenu">

              <div class="vocemenu">
   Categorie
              </div>


    <center>

    <$BlogCategories$>

    </center>
    </div>



    <div class="boxmenu">

              <div class="vocemenu">
   Feeds-counter
              </div>


    <center>

    <$BlogCounter$> visitatori
    <br /><br />
    <$BlogFeeds$>

    </center>
    </div>



    <div class="boxmenu">

              <div class="vocemenu">
   tagboard
              </div>


    <center>

    inserisci la tua tagboard

    </center>
    </div>



    <div class="boxmenu">

              <div class="vocemenu">
   Credits
              </div>


    Template by:
    <a href="http://www.mrenata.com" target="_blank"><b>Semplicemente... Renata</b></a>
    <br /><br />
    Image:Mjsted by Filly<br />
    Distributed by:
    <br />
    <a href="http://renata.splinder.com" target="_blank"><b>Blog di Grafica</b></a>
<br>
Base codici:
<a href="http://pannasmontata-templates.net" target="_blank"><b>Pannasmontata</b></a>

    </div>




    <div class="boxmenu">

              <div class="vocemenu">
           box vuoto
              </div>


    <center>

    scrivi quello che preferisci
    </center>
    </div>




</div>



<div id="boxblog">

<center>

<Blogger> <$BlogNavigation$>

<br />

</center>

<div class="divlog">


<div class="datapost">

<BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>, ore                  <$BlogItemDateTime$>

</div>

<div class="sottotitolini">postato da <$BlogItemAuthorNickname$> in <$BlogItemCategories$> � <a href="<$BlogItemPermalink$>">P.link </a>


</div>

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

<br />

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

<div class="titolinibottom">
<$BlogItemCommentLink$><$BlogItemCommentList$> � <$BlogItemComments$>(popup)
</div>

</div>

</Blogger>

<center>

<$BlogPager$>

</center>

</div>




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



</div>


</body>
</html>