11 febbraio 2011 | 0 Commenti

Template a due colonne per Splinder con calendario

Clicca sull’immagine per l’anteprima:

<!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: #000;
	font-family: Brussels,Verdana, Arial;
	font-size: 12px;
	color: #740404;
	margin: 0 auto;
}
 
 
#wrapper { 
 margin: 0 auto;
 width: 1000px;
}
#testata {
 
 width: 1000px;
 height: 504px;
 margin: 10px 0px 0px 0px;
 background: url(http://i54.tinypic.com/2cifzpy.png);
}
#contenitore {
 background: url(http://i51.tinypic.com/2sdxs.png);
 margin-bottom: 0px;
 background-repeat: repeat-y;
 width: 100%
}
#colonnasx { 
 display: inline;
 font-family: 
 font-size: 13px;
 color: #000;
 margin: 0px 0 0 11px;
 padding: 0px;
 width: 230px;
 float: left;
}
#colonnapost { 
 display: inline;
 font-family: Verdana, Arial;
 font-size: 15px;
 margin: 0px 0 0 120px;
 padding: 0px;
 width: 550px;
 float: left;
 color: #740404;
 
}
.titolo {
height: 20px;
font-size: 16px;
color: #000;
font-family:Verdana, GoudyOlSt Bt;
font-weight:bold;
text-align: center;
width: 100%;
letter-spacing: 0px;
background: #fedb4b;
 
border: 2px solid #000;
}
#titolopost {
height: 30px; 
font-size: 20px;
font-family: GoudyOlSt Bt, Verdana;
font-weight:bold;
text-align: left;
width: 100%;
letter-spacing: 0px;
background-color: #fedb4b;
 
border: 2px solid #000;
}
.contenuti {
font-size: 13px;
color: #740404;
font-family: Verdana, Arial;
font-weight:bold;
font-style: italic;
text-align: left;
width: 100%;
letter-spacing: 0px;
}
.post {
font-size: 17px;
color: #740404;
font-family: Verdana, Arial;
font-weight: normal;
text-align: left;
width: 100%;
letter-spacing: 0px;
line-height: 19pt;
}
 
.data {
font-size: 10px;
color: #fedb4b;
font-family: Verdana;
font-weight: bold;
text-align: center;
width: 500px;
 
letter-spacing: 0px;
border: 2px solid #000;
margin: 0 0 0 20px;
}
 
#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 #fad0df;
color: #740404;
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;
}
 
#colonnapost a:link {
color: #5e5900;
text-decoration: none;
font-family: Arial;
font-size: 15px;
}
 
#clonnapost a:visited {
color: #5e5900;
text-decoration: none;
font-family: Arial;
font-size: 15px;
}
 
#colonnapost a:hover, a:active {
color: #740404;
font-family: Arial;
text-decoration: overline;
position: relative;
font-size: 12px;
 
}
 
 
 
a:link {
color: #5e5900;
text-decoration: none;
font-family: Arial;
}
 
a:visited {
color: #5e5900;
text-decoration: underline;
font-family: Arial;
}
 
a:hover, a:active {
color: #fedb4b;
font-family: Arial;
text-decoration: overline;
position: relative;
 
}
.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"> Il mio Blog </p><br /> 
<p class="contenuti"><$BlogDescription$><br /><br /> 
<p class="titolo"> Il mio Profilo </p><br /> 
<p class="contenuti"><$BlogAboutMe$></p><br /> 
 
<p class="titolo"> Le mie Foto </p><br /> 
<p class="contenuti"><$BlogRecentPhotos$></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">Calendario</p><br /> 
<p class="contenuti"> 
<iframe style="WIDTH: 200px; HEIGHT: 347px" border="0" name="main" framespacing="0" src="http://graphicmania.altervista.org/calendari/ricordicalendario.html" frameborder="no" width="200" scrolling="no" height="347" allowtransparency="allowtransparency"></iframe></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"> Visite </p><br /> 
<p class="contenuti">Grazie ai <br /><$BlogCounter$>
 visitatori.</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 /> 
 
<p class="titolo"> Bottoni </p><br /> 
<p class="contenuti"> 
<center> 
<$BlogButtons$><br /> 
<$BlogFeeds$></center> </p><br /> 
 
<p class="titolo"> Partecipano </p><br /> 
<p class="contenuti"><$BlogMembers$></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> 
<br /></p> 
 
 
 
   
</div> 
		        
		 
		        
 
		       <div id="colonnapost"> 
 
 
 
 
 
 
 
 
<$BlogPhotoAlbum$>
<Blogger> 
<$BlogNavigation$><br /> 
 
<div id="titolopost"><a href="<$BlogItemPermalink$>" title="permalink a questo post"><$BlogItemTitle$></a></div> 
 
 
 
 
<div class="data"><$BlogItemDateTime$> del <$BlogDateHeaderDate$></div> 
 
<p class="post"><$BlogItemBody$></p><br /> 
 
<p class="contenuti">Autore: <small><a href="<$BlogItemAuthorURL$>"><$BlogItemAuthorNickname$></small></a></p> 
 
<p class="contenuti">Categoria: <small><$BlogItemCategories$></small></p> 
 
<p class="contenuti">Commenti: <small><$BlogItemComments$>(popup) | <$BlogItemCommentLink$><$BlogItemCommentList$></small></p> 
 
<center><$BlogItemSocialBookmarking$></center> 
<center><img src="http://i151.photobucket.com/albums/s144/kalliainen/Dividers/dividerkrsbrglasrdgold.gif" /></center> 
</Blogger> 
<center><$BlogPager$></center> 
 
 
<div class="clear"></div> 
			   
		       </div> 
		        
 
<div class="clear"></div> 
			   
         </div>	   
          
 
         <div id="fine"> 
 
           
    		  		
 
         </div> 
		  
		 
   </div> 
    
 
</div> 
</body> 
</html>

Template a due colonne per Splinder con calendario

Rispondi

Banner

Categorie

Pagine

Living Darfur

Meta

Commenti

Archivio

Blogroll

Divertimento

Utenti online

GraphiC ManiA nel mondo

Template a due colonne per Splinder con calendario

Rispondi

Banner

Categorie

Pagine

Living Darfur

Meta

Commenti

Archivio

Tag Cloud

Blogroll

Divertimento

Utenti online

GraphiC ManiA nel mondo