30 novembre 2009 | 9 Commenti

Template natalizio – Gatto

Un nuovo Template per Splinder a tre colonne con countdown e datario, ed un effetto neve.

Codice Template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 

 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><$blogtitle$></title>
<style type="text/css"> 
* { padding: 0; margin: 0; }
body {  background: #ecccc2;
	font-family: GoudyOlSt Bt, Verdana, Arial;
	font-size: 13px;
	color: #9b1413;
	margin: 0 auto;
scrollbar-arrow-color:#FFFFFF;
scrollbar-base-color:#6D8693;
scrollbar-shadow-color:#F3F3F3;
scrollbar-face-color:#617087;
scrollbar-highlight-color:#F3F3F3;
scrollbar-dark-shadow-color:white;
scrollbar-3d-light-color:#9BAAC1;

}
#back {
background: #981412 repeat-x center;
        background-attachment: fixed;
        background-position: 0 0px;
}
 
#wrapper { 
 margin: 0 auto;
 width: 1000px;
}
#testata {
 
 width: 1000px;
 height: 492px;
 margin: 10px 0px 0px 0px;
 background: url(http://img4.imageshack.us/img4/7067/gattoheader.gif);
}
#contenitore {
 background: url(http://img30.imageshack.us/img30/6884/gattofaux.gif);
 margin-bottom: 0px;
 background-repeat: repeat-y;
 width: 100%
}
#colonnasx { 
 display: inline;
 font-family: ;
 font-size: 13px;
 color: ;
 margin: 0px 0 0 29px;
 padding: 0px;
 width: 182px;
 float: left;
 
}
#colonnapost { 
 display: inline;
 font-family: Verdana, Arial;
 font-size: 13px;
 margin: 0px 0px 0 40px;
 padding: 0px;
 width: 535px;
 float: left;

}
#colonnadx { 
 display: inline;
 font-family: GoudyOlSt Bt, Verdana, Arial;
 font-size: 13px;
 color: #7898b8;
 margin: 0px 33px 0px 0px;
 padding: 0px;
 width: 170px;
 float: right;

}
#fine { 
 width: 1000px;
 height: 78px;
 clear: both;
 color: ;
 background: url(http://img30.imageshack.us/img30/7334/gattofooter.gif);
 margin: 0px 0px 10px 0px;
 }
.titolo {
height: 30px;
font-size: 20px;
color: #9b1413;
font-family: GoudyOlSt Bt, Verdana;
font-weight:bold;
text-align: center;
width: 460;
letter-spacing: 0px;
background: url(http://img21.imageshack.us/img21/9136/babbino.png) no-repeat;
border: 2px solid #9b1413;
}
#titolopost {
height: 30px; 
font-size: 20px;
font-family: GoudyOlSt Bt, Verdana;
font-weight:bold;
text-align: center;
width: 460px;
letter-spacing: 0px;
border-bottom: 2px solid #9b1413;
}
.contenuti {
font-size: 13px;
color:  #9b1413;
font-family: Verdana;
font-weight:bold;
text-align:     ;
width: 100%;
letter-spacing: 0px;
}
#post {
font-size: 15px;
color: #9b1413;
font-family: GoudyOlSt Bt, Verdana;
font-weight:bold;
text-align: left;
width: 100%;
letter-spacing: 0px;
}
#firma {
font-size: 10px;
color:  #000000;
font-family: Verdana;
font-weight:bold;
text-align: left;
width: 100%;
letter-spacing: 0px;
}

#recent-media .album-link {
       background: transparent;
       text-align: center;
       text-decoration: none;
}
#recent-media .title {
      font-weight: bold;
      padding-top: 10px;
      text-align: center;
      letter-spacing:2px;
      color: #666666;
}
.blog-members { clear: both; margin: 0; padding: 0 0 3px 0px; }
.media-info {
	border:0px;
}
 
.cc-small {
	border: 0px;
}
 
.comment-bottom img.avatar {
       height: auto;
       width: auto;
       border: 0px;
}
 
.cc-logo {
	border: 0px;
        padding: 1px;
}
 
.avatar{
	border:0px;
}
#album {
       background: transparent;
       font-size: 10px;
       text-decoration: none;
       text-align: center;
}
 
#album-link {
       vertical-align:top;
}
 
#album-link a:link {
       vertical-align:top;
}
 
#album img {
       padding: 4px;
       margin-bottom: 5px;
       background-color: transparent;
       text-decoration: none;
}
 
#album td {
      text-align: center;
      vertical-align: top;
}
 
#album table {
      text-align: left;
      vertical-align: top;
}
 
#album .title {
      font-size: 9px;
      margin-top: 12px;
}
.comment {
background:transparent;
padding: 5px;
background-color: transparent;
}
 
.comment-body {
background:transparent;
border: 3px solid #;
color: #;
font-size: 13px;
text-align: left;
padding: 5px;
}
.comment-top {
background: transparent;
text-align: right;
padding: 3px;
margin: 0px;
color: #f8bdf0;
}
.comment-bottom {
background: transparent;
text-align: left;
color: #c9c7c9;
margin: 0px;
}
 
.comment-tips {
background: transparent;
text-align: left;
padding-left:.5em;
font-style:normal; 
font-variant:normal; 
font-weight:normal;
color: #c9c7c9;
}	
 
.comment-form-title {
background-color: #efefef;
color: #243459;
font-weight: normal;
font-size: 1.5em;
text-transform: capitalize;
margin: 20px 0px 15px 0px;
text-align: left;
padding: 0px 0px 5px 3px;
}
a:link {
color: #881808;
text-decoration: none;
font-family: Arial;
}
 
a:visited {
color: #d81818;
text-decoration: line-through;
font-family: Arial;
}
 
a:hover, a:active {
color: #126e28;
font-family: Arial;
text-decoration: overline;
position: relative;
}
#autore { 
 display: inline;
 font-family: 
 font-size: 13px;
 color: #000000;
 margin: 0px 0 0 0px;
 padding: 0px;
 width: 463px;
 float: left;
}
#autoresx { 
 display: inline;
 font-family: 
 font-size: 13px;
 color: #000000;
 margin: 0px 0px 0 0px;
 padding: 0px;
 width: 230px;
 float: left;
 text-align: left;
}
#autoredx { 
 display: inline;
 font-family: 
 font-size: 13px;
 color: #000000;
 margin: 0px 0 0 0px;
 padding: 0px;
 width: 230px;
 float: left;
 text-align: right;
}
.data {
font-size: 10px;
color: #000;
font-family: Verdana;
font-weight: bold;
text-align: left;
width: 100%;

letter-spacing: 0px;

margin: 0 0 0 0px;
}
#stacco { 
 display: inline;
 
 background-position: center;
 margin: 0px 0 0 0px;
 padding: 0px;
 width: 463px;
 height: 88px;
  float: left;
}
.clear { clear: both; background: none; }
</style>
</head>
<body>
<div id="back">
 

   <div id="wrapper">
 
 

         <div id="testata">

</div>

<div id="contenitore">
 
 
 

		       <div id="colonnasx">
 
<p class="titolo"> Blog </p><br />
<p class="contenuti"><$BlogDescription$></p><br />
 
<p class="titolo"> Archivio </p><br />
<p class="contenuti"><$BlogArchive$></p><br />
 
<p class="titolo"> Commenti </p><br />
<p class="contenuti"><$BlogRecentComments$></p><br />

<p class="titolo"> Categorie </p><br />
<p class="contenuti"><$BlogCategories$></p><br />
 
<p class="titolo"> Visite </p><br />
<p class="contenuti">Grazie ai <br /><$BlogCounter$>
 visitatori.</p><br />
 
<p class="titolo"> Countdown </p><br />
<iframe style="WIDTH: 185px; HEIGHT: 185px" border="0" name="main" framespacing="0" src="http://graphicmania3.altervista.org/countdown/albero.html" frameborder="no" width="185" scrolling="no" height="185" background-color:"transparent" allowtransparency="true"></iframe></p><br />

<p class="titolo"> Disclaimer </p><br />
<p class="contenuti"><i>Questo blog non rappresenta una testata giornalistica in quanto viene aggiornato senza alcuna periodicita'. Non puo' pertanto considerarsi un prodotto editoriale ai sensi della legge n. 62 del 7 marzo 2001.</i> </p><br />

</div>
		       
		 
		       
 
		       <div id="colonnapost">
 
 
<$BlogPhotoAlbum$>
<Blogger>
<$BlogNavigation$>
<br /><br />
<div id="titolopost"><a href="<$BlogItemPermalink$>" title="permalink a questo post"><$BlogItemTitle$></a></div>
<div class="data"><$BlogItemDateTime$> del <$BlogDateHeaderDate$></div><br /><br />
<div id="post"><$BlogItemBody$></div><br />
<div id="autore">
<div id="autoresx">Autore: <a href="<$BlogItemAuthorURL$>"><$BlogItemAuthorNickname$></a></div>
<div id="autoredx">Categoria: <$BlogItemCategories$></div></div>
<div id="firma">Commenti: <$BlogItemComments$>(popup) | <$BlogItemCommentLink$><$BlogItemCommentList$></div>
<center><$BlogItemSocialBookmarking$></center><br />
<div id="stacco"><img src="http://img697.imageshack.us/img697/6933/13858068.gif" /> </div>
 
 
</Blogger>
<br />
<div id="post"><$BlogPager$></div>
 
<div class="clear"></div>
			   
		       </div>
		       
 
 
 

		       <div id="colonnadx">
 
<p class="titolo">Profilo </p><br />
<p class="contenuti"><$BlogAboutMe$></p><br />

<p class="titolo"> Calendario </p><br />
<p class="contenuti"><center>
<iframe style="WIDTH: 160px; HEIGHT: 282px" border="0" name="main" framespacing="0" src="http://graphicmania3.altervista.org/datari/natale2calendario.html" frameborder="no" width="160" scrolling="no" height="282" allowtransparency="allowtransparency"></iframe><br />
</center></p><br />

<p class="titolo">Foto </p><br />
<p class="contenuti"><$BlogRecentPhotos$></p><br />
 
<p class="titolo"> Blog Amici </p><br />
<p class="contenuti"><$BlogLinkOut$><br />
<a href="http://webcreazioni.net" target="_blank">WebCreazioni</a><br />
<a href="http://bestblog.it" target="_blank">BestBlog</a><br />
<a href="http://labachecadellapoesia.splinder.com" target="_blank">Poesie</a><br />
<a href="http://lool.it" target="_blank">Giochi Flash</a><br />
<a href="http://blog.cerbero.eu" target="_blank">Cerbero's Blog</a><br />
<a href="http://graphicmania.it" target="_blank">Graphic Mania</a><br />
</p><br />
 
<p class="titolo"> Membri </p><br />
<p class="contenuti"><$BlogMembers$></p><br />

<p class="titolo"> Bottoni </p><br />
<p class="contenuti">
<center>
<$BlogButtons$><br />
<$BlogFeeds$></center> </p><br />
 
<p class="titolo"> Copyright </p><br />
<p class="contenuti">
Questo Template e' stato realizzato da <a href="http://magiadamore.splinder.com" target="_blank">Principessa</a><br />
ed e' distribuito da:</p><center>
<a href="http://graphicmania.it" target="_blank"><img src="http://img147.imageshack.us/img147/9231/banner5ve9.gif" border="0" alt="~GraphiC ManiA~"></a></center>

</div>
		       
 
<div class="clear"></div>
			   
         </div>	   
          

         <div id="fine">
 
                		  		
 
         </div>
		 
		 
   </div>
   
 
</div>

</body>
</html>

Tags:Calendari, Christmas, countdown, Datari, Natale, splinder, templates

← Template natalizio per Splinder

Divisori per Natale →

9 Risposte a “Template natalizio – Gatto”

Rispondi

angeleyes

8 dicembre 2009 a 14:27 #

ciao…volevo farti i complimenti per i tuoi template,sono bellissimi…ne ho preso uno per il mio blog… a presto ciao =)
- Rispondi
  
  Principessa
  
  2 gennaio 2010 a 13:39 #
  
  Ti ringrazio, sei gentilissima
- Rispondi
  
  isabella
  
  8 dicembre 2012 a 15:47 #
  
  ciao super complimenti per il blog e per tutto ciò che c’è dentro ne te prendo in prestito uno per il nostro blog di cani e gatti in cerca di casa ))))
Rispondi

Fatamorgana04

23 dicembre 2010 a 14:49 #

I tuoi template sono molto belli!!!questo l’ho prelevaato per il mio blog!ciao ciao e grazie
Rispondi

Gino

17 novembre 2011 a 01:02 #

Ciao, i tuoi… , tutti sono belli. Riesci a fare qualche template x prestashop???? baci
- Rispondi
  
  Maria
  
  15 agosto 2012 a 09:23 #
  
  Devo dire la verita’… prestashop lo sento per la prima volta… cerchero’ di informarmi!
Rispondi

EGIZIA

25 novembre 2011 a 20:44 #

CONGRATULAZIONI!
PER TUTTO CIO’ CHE HAI CREATO..
PER IL MIO BLOG..NON C’è IL CODICE!
TI SAREI GRATA, SE MI AIUTASSI PER URL
HTML..
IL CALENDARIO DI NATALE
E L’OROLOGIO!
GRAZIE!
- Rispondi
  
  Principessa
  
  28 novembre 2011 a 20:27 #
  
  Ciao Egizia!
  Ti ho aggiunto il codice del Template, e quello contiene gia’ l’orologio ed il calendario
  - Rispondi
    
    EGIZIA
    
    29 novembre 2011 a 03:19 #
    
    sei…molto gentile!
    in questo devo dirti grazie, per avermi risposto..
    il guaio . che non vedo nulla di ciò che hai aggiunto!
    ho provato con URL e con HTML..
    un caloroso abbraccio!

Template natalizio – Gatto

9 Risposte a “Template natalizio – Gatto”

Rispondi

Banner

Categorie

Pagine

Living Darfur

Meta

Commenti

Archivio

Blogroll

Divertimento

Utenti online

GraphiC ManiA nel mondo

Template natalizio – Gatto

9 Risposte a “Template natalizio – Gatto”

Rispondi

Banner

Categorie

Pagine

Living Darfur

Meta

Commenti

Archivio

Tag Cloud

Blogroll

Divertimento

Utenti online

GraphiC ManiA nel mondo