MIGLIORA IL BLOG!

Questo è l'attuale template del sito. Se te ne intendi un po' di HTML, Java, etc. e se vuoi collaborare a rendere migliore il nostro blog mandaci a spertejo@gmail.com un'email con allegato il codice che elabori. Te ne saremo grati.

<a href="http://www.mozillaitalia.it/archive/index.html#p1" TARGET="_new"><font size="4">Per visualizzare correttamente questo blog usa Mozilla Firefox. Scaricalo cliccando qui!</font></a>

/*QUESTO E' UN LAYOUT A TRE COLONNE A LARGHEZZA FISSA  
CHE SONO CENTRATE NELLA FINESTRA DEL BROWSER*/
  
/* QUESTO TEMPLATE FUNZIONA BENE SE HAI UNA LUNGA LISTA DI LINK IN VARIE CATEGORIE, BOTTONI
  E ALTRE COSE CHE VANNO BENE PER COLONNE ABBASTANZA STRETTE. QUESTO TEMPLATE VIENE VISUALIZZATO ALLO STESSO MODO SU OGNI MONITOR*/   
  
/*QUESTO TEMPLATE NON LAVORA BENE SE DEVONO ESSERE VISUALIZZATE FIGURE TROPPO GRANDI (PIU' DI 420 PX) O ANCHE TROPPO LARGHE O ANCHE CHAT BOX (PIU' DI 150 PX) NELLE COLONNE*/
/*THANKS TO GLISH.COM FOR TEMPLATE BASICS AND TO SQUIDFINGERS.COM FOR SOME BACKGROUND IMAGES*/
  
 
	body {
		 text-align:center;
          background-image: url(http://files.splinder.com/b15a061eea436a520f4a7d3fadb9e37a.jpeg);
background-attachment: fixed; background-position: center;
         margin:0px 0px 10px 0px; 
		}
		
		
a  { color: #CCCCCC; background: transparent; text-decoration:none; bold;} 
a:link  { color: #33FF33; background: transparent; text-decoration:none; font-weight: bold;} 
a:visited { color: #66FF33; background: transparent; text-decoration:none; font-weight: bold;} 
a:active  { color: #66FF33; background: transparent;font-weight: bold;text-decoration: underline;}  
a:hover { color: #66FF33; background: transparent; text-decoration: underline; font-weight: bold;}

#container {
		width:800px;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding:0px;
		text-align:left;
                background:#transparent;
		;
		}
		
          #contentheader {
		background: transparent;
		margin-left:0px;
		margin-right:0px;
                margin-bottom:100px;
                background-image: url(http://files.splinder.com/e7f52bf791221c6422eaea19a0e9c0df.jpeg);
		background-repeat: no-repeat;
		}
		
	#contentleft {
		width:200px;
		padding-top:10px;
		float:right;
		background:transparent;
		}

#contentmain {
		width:450px;
		padding-top:10px;
		float:right;
		background:transparent;
		line-height: 1.2; 		
		}

#contentright {
		width:150px;
		padding-top:10px;
		float:left;
		background:transparent;
		}
		
	#spacer30{width:15px;  float:left;
 background:transparent}
		
	
	/*CONTENTHEADER STYLES*/

.blogtitle{font:normal bold 4em Times,Tahoma, Verdana, Arial, sans-serif;
        font-weight:bold;
		padding:10px 10px 5px 10px;
		margin:0px;
		text-align:center;
		color:#33ccFF;
		}
		
 .blogdescription {font: 1.05em Tahoma, Verdana, Arial, sans-serif;
		padding:10px 10px 10px 10px;
		margin:0px;
		text-align:right;
		color:#33CCFF;
		}
 .blogdescriptionbis {font: italic 1.1em Tahoma, Verdana, Arial, sans-serif;
		padding:10px 10px 10px 10px;
		margin:0px;
		text-align:center;
		color:#33ccFF;	 
		}
 .blogdescriptionter {font: italic 1.5em Tahoma, Verdana, Arial, sans-serif;
		padding:10px 10px 10px 10px;
		margin:0px;
		text-align:center;
		color:#ffffff;	  
		}
      .blogtitle  a:link {	color: #ff0000;	text-decoration: none;	font-weight:bold;	}
      .blogtitle  a:visited {	color: #ff0000;	text-decoration: none;	font-weight:bold;	}
      .blogtitle  a:hover {	color: #ffffff;	text-decoration: none;	font-weight:bold;	}
      .blogtitle  a:active {	color: #ffffff;	text-decoration: none;	font-weight:bold;	}
       
/*CONTENTLEFT CONTENTRIGHT STYLES*/

#contentleft p { font: normal .71em Verdana, Arial, Helvetica, sans-serif; 
	                color: #ffffff; padding: 0px 20px; margin-bottom:20px; background:transparent}

#sectioncat p { font: normal .9em Verdana, Arial, Helvetica, sans-serif; 
	                color: #ffffff; padding: 0px 20px; margin-bottom:20px; background:transparent}

#contentright p { font: normal .71em Verdana, Arial, Helvetica, sans-serif; 
	                 color: #ffffff; padding:0px 10px; background:transparent}

#section {background:transparent; margin-bottom: 20px; text-align:left; border: 0px solid #ffffff}

#section-c {background:transparent; margin-bottom: 20px; text-align:center}

h2.sectiontitle {
	
	font: italic 1.1em Tahoma, Verdana, Arial, sans-serif;
	color:#ff0000;
	background: #;
	text-align: center;
	margin:0px 20px;
	border-top: 1px outset #B10B17;
        border-left: 1px outset #B10B17;
        border-right: 1px outset #B10B17;
        border-bottom: 1px outset #B10B17;
	}
    
 /*CONTENTMAIN STYLES*/

#contentmain p { font: normal .76em Verdana, Arial, Helvetica, sans-serif; 
                  color: #ffffff; padding:0px 10px; background:transparent; line-height: 1.2; }

#contentmain ul {
	list-style: square;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1em;
	padding-left: 1em;
	line-height: 1.2; 
	}

#contentmain li {
	background: transparent;
	font: .76em Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	line-height: 1.2; 
	}

/*BLOGGER CODE*/

#blogdateheader{
	font: bold 10px Tahoma, Verdana, Arial, sans-serif;
	text-align: center;
	color:#CCCCCC;
	padding: 2px;
	background: transparent;
	text-align: right;
	margin:0px 10px;
	border-top: 1px solid #B10B17;
        border-bottom: 1px solid #B10B17;
		}
	
	h5.itemtitle  {
	
	background:#;
	text-align: left;
	font-style:normal; font-variant: normal; font-weight:bold; font-size: 1.2em; 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color:#CCCCCC;
        margin:5px 10px;
	padding: 8px 10px;
        border-top: 3px outset #B10B17;
        border-left: 3px outset #B10B17;
        border-right: 3px outset #B10B17;
        border-bottom: 3px outset #B10B17;
	}

h4.data {
	
	background:transparent ;
	text-align: left;
	padding:10px; 0px;
	font-style:normal; font-variant:normal; font-weight:normal; font-size:1.3em; 
	color:#CCCCCC;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	}
	
  
	
     #blog-pager div {
     padding: 5px;
     font-weight: normal;
     display: inline;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     color: #;
     font-size: 0.9em;
     }

# blog-pager a {
      text-decoration: underline;
      }
	
 /*SAME-PAGE COMMENT STYLES*/

.comment {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: .5em;
  margin-top: 1em;
  background:transparent;
}

.comment-body {
	text-align: left;
	padding: .2em .0em .9em .5em ;
	font-style:normal; font-variant:normal; font-weight:normal;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em; 
	}

.comment-top {
	background:transparent ;
	text-align: right;
	padding-bottom:.7em;
        padding-left: .5em;
	border-bottom: 0px none #DDDDDD; 
	font-style:normal; font-variant:normal; font-weight:normal;
	font-size:.65em; 
	color: #DDDDDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.comment-bottom {
	background:transparent ;
	text-align: left;
	padding-top:.7em; 
        padding-left: .5em;
	font-style:normal; font-variant:normal; font-weight:normal;
	font-size:.65em; 
	color: #DDDDDD;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.comment-tips {
  background:transparent ;
	text-align: left;
	font-style:normal; font-variant:normal; font-weight:normal;
	color:#BBBBBB;
	font-size:.68em; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
        padding-left: .5em;
}	
.comment-form-title {
        background:#;
        border-top: 1px solid #;
        border-bottom: 1px solid #;
	text-align: left;
        padding-top: .3em;
	padding-bottom: .3em;
        padding-left: .5em;
	font-style:normal; font-variant:normal; font-weight:bold;
	color:#BBBBBB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:.71em; 
}

.comment-form-user {
  background:transparent ;
	text-align: left;
	font-size:.65em;
	font-style:normal; font-variant:normal; font-weight:normal;
	color:#BBBBBB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
        padding: .5em;
}

.navigation {
	background: #;
	color: #EEEEEE;
	font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
	padding-right: 8px;
        margin:5px 10px;
	text-align: center;
}

.prev {
  float: left;
  text-align: left;
  width: 35%;
}
.next {
  float: right;
  text-align: right;
  width: 35%;
}
.home {
  text-align: center;
}

/* ******************************** */

/* classi del tag <*$BlogPhotoAlbum$> */

#album {
   background: #EFEFEF;
   color: #;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   background: transparent;
   text-decoration: underline;
   text-align: center;
}

#album img {
        padding: 4px;
        background: #;
        border: 1px solid #;
        }

#album td {
        vertical-align: top;
        text-align: center;
        }

#album .title {
  	font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        padding-top: 3px;
        padding-bottom: 10px;
        text-align: center;
	}

/* ******************************** */

/*  <*$BlogRecentPhotos$> */

#recent-photos {
	background: transparent;
        text-align: center;
        padding: 10px 0px 15px 0px;

}

#recent-photos img {
        padding: 4px;
        background: #;
        border: 1px solid #;
}

#recent-photos .album-link {
   font-weight: bold;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: .8em;
   background: transparent;
   text-decoration: underline;
  	}
  	
#recent-photos .title {
   color: #FFFFFF;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   
   width: auto;
   padding: 5px;
   text-align: center;
}

#album-link {
   }

#album-link a:link {
     }
	
.blog-members { 
	padding: 0px 0px 4px 10px ;
	font-size: .71em;
   }
 </style>

</head>
<body>

<div id="contentheader"><br>
	<div class="blogtitle"><left><a  style="color:#FF0000; font-family:COMIC SANS MS; font-size : 80px"><i>Spertejo</i></a></div>
	<p class="blogdescription"><b>in un intrecciarsi<br>d'Esperienze</b></p>
       <p class="blogdescriptionbis"> 
<b><font color="#00FFFF" size="3">Hai un'idea che vuoi realizzare? Parlane con gli altri sul blog!<br>Contribuisci riportando su di esso <br>iniziative interessanti di cui sei a conoscenza.<br>Se hai organizzato già qualcosa, proponila.</font>

<br><font color="#FFFF00" size="3">Se vuoi capire meglio cos'è l'associazione Spertejo</font> <a href="http://urlin.it/edd2" TARGET="_new">clicca qui.</a></font>

<br><font color="#FFFF00" size="3">Per ricevere chiarimenti riguardo all'uso del blog</font> <a href="http://urlin.it/edd3" TARGET="_new">clicca qui.</a>

<br><b><font color="#FFFF00" size="3">Per scrivere degli articoli o commenti sul blog</font> <a href="http://urlin.it/edd4" TARGET="_new">clicca qui.</a>

<small>
<div align="center"><a href="http://www.splinder.com/" TARGET="_new"><img src="http://files.splinder.com/1940b3444a6ae084c637c75461f644f3.gif"></a></div>
<div align="center"><a rel="nofollow" href="http://www.splinder.com/" TARGET="_new">Entra o Registrati</a></div>
<div align="center"><a rel="nofollow" href="http://urlin.it/ff87" TARGET="_new">Scrivi un articolo</a></div>
<div align="center"><a rel="nofollow" href="http://urlin.it/edd5" TARGET="_new">Gestione commenti</a><br>
<font color="#FAF0E6"><b><u><br>Contattaci:</u><br></b></font><a href="mailto:spertejo@gmail.com">spertejo@gmail.com</a><br>
<a href="http://spertejo.altervista.org/messenger.html" target="_new">Contatti Messenger</a><br>
<a href="http://spertejo.altervista.org/skype.html" target="_new">Contatti Skype</a></div>
</small>

<script type="text/javascript" src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js"></script>
<a href="skype:Spertejo?call"><img src="http://download.skype.com/share/skypebuttons/buttons/call_blue_white_124x52.png" style="border: none;" width="124" height="52" alt="Skype Me™!" /></a>
</center><br>

<u>Martedì 20 maggio, ore 22, a Rebeldia (<a href="http://urlin.it/ff50" target="_new">vedi mappa</a>):</u> Proiezione del  film American Splendor di Shari Springer Berman e Robert Pulcini. Si tratta di una biografia, tra fiction e documentario, di un uomo cinico e comico, che ha fatto della vita americana di tutti i giorni un'arte. Da vedere! <a href="http://www.mymovies.it/dizionario/recensione.asp?id=45877" target="_new">Clicca qui</a> per una recensione dettagliata del film.

</b>
</div></marquee></div>

<center>
<FORM method=GET action=http://www.google.com/custom  TARGET=_blank>
<TABLE cellSpacing=0 cellPadding=4  bgcolor=#E5FF00 border=0></center>
<tr valign=top><td colspan="4" class="testo">
<center><INPUT TYPE=text name=q size=27 maxlength=250 value=""></center>
<center><INPUT type=submit name=btnG VALUE="Cerca" class="bottone1"></center>
<INPUT type=hidden name=cof VALUE="L:http://files.splinder.com/c2fe7de8f0c5821b63e6c5bd92b71818.jpeg;AH:center;AWFID:c1b982fc67adcd63;">
</td></tr>
<input type="hidden" name=in value="spertejo.splinder.com;it.wikipedia.org"><br>
<tr valign=middle>
<td class="testopiccolo" bgcolor="#FFA500">
<center><input type="radio" name="sitesearch" value="" checked>nel Web
<input type="radio" name="sitesearch" value="spertejo.splinder.com" checked>in Spertejo</center><center>
<input type="radio" name="sitesearch" value="it.wikipedia.org">in Wikipedia</center>
</td></tr></TABLE></FORM></td></tr></TABLE><p>

<div id="sectioncat">
<h2 class="sectiontitle">Associazioni aderenti al <a title=""
href="http://urlin.it/edd1" TARGET="_new">Progetto Magna Grecia</a><br></h2>
<p>

</p>
     </div>
     <div id="section">
     <h2 class="sectiontitle">Gli obiettivi <br>di Spertejo</h2>
     <p>
   -condividere interessi ed esperienze<br>
   -conoscere nuove persone<br>
   -esplorare nuove strade e nuovi modi di vivere<br>
   -realizzare idee per migliorare la propria vita e quella degli altri<br>
   -infittire la rete dei rapporti umani per moltiplicare gli stimoli reciproci

</div>
 <div id="section">
     <h2 class="sectiontitle">Diffusione<br>di Spertejo</h2>
     <p>

L'associazione Spertejo vuole diffondersi in tutta Italia e in tutta Europa. Chiunque sia disponibile a fondare una sede di Spertejo in una città italiana ed europea, chiunque possa fornirci dei contatti con chi è interessato a promuovere l'associazione può lasciarci un messaggio nei commenti a <a href="http://urlin.it/ede3" TARGET="_new">questo post</a>.<br/>
Se credi che la nostra idea possa essere utile anche nella tua città, contattaci!    
</p></div></div>

<h2 class="sectiontitle">
   Opinioni sui libri
   </h2>
<br>
<a href="http://urlin.it/ede4" TARGET="_new">
<img alt="eleuteria" src="http://files.splinder.com/892707e89a7915b00876dded86b01dfe.gif" style="margin: 0px auto 10px; display: block; text-align: center; width: 156px; height: 56px;"/>
</a>
</div> 
<br>
<div id="sectioncat">
   <h2 class="sectiontitle">
   Discutiamo di viaggi
   </h2>
<br>
<a href="http://urlin.it/ede5" TARGET="_new">
<img alt="itaca" src="http://files.splinder.com/af19688976286895e893348f8dbea418.jpeg" style="margin: 0px auto 10px; display: block; text-align: center; width: 120px; height: 80px;"/>
</a>
</div>

<br>
<center>
<h2 class="sectiontitle">Aggregatori</h2>
<p>

<h2 class="sectiontitle">Licenza</h2>
     <p>

<div id="contentmain">

<$BlogPhotoAlbum$><Blogger><$BlogNavigation$>
 
 <BlogDateHeader>

<div id="blogdateheader"><$BlogDateHeaderDate$><a name="<*$BlogItemNumber$>"></a></div></BlogDateHeader><h5 class="itemtitle"><$BlogItemTitle$></h5>
<p><$BlogItemBody$></p><h4 class="data">Articolo di: <a href="<$BlogItemAuthorURL$>" TARGET="_new" title="link al mio blog principale"><$BlogItemAuthorNickname$></a> pubblicato alle: <$BlogItemDateTime$> |
  <a href="<$BlogItemPermalink$>" TARGET="_new" title="permalink a questo post">link</a> | <$BlogItemCommentLink$> |<br>
        <i><$BlogItemCategories$></i> </h4>
       
 <$BlogItemCommentList$>
 </Blogger>

<font color="#FFFFFF"><a href="http://www.luogocomune.net/site/modules/mydownloads/singlefile.php?lid=112" target="_new"><img 
src="http://files.splinder.com/9063179c48dc0519ca50a044617c0a95.jpeg" /></a><a href="http://www.luogocomune.net/site/modules/mydownloads/singlefile.php?lid=112" target="_new"><small>Zeitgeist: Preferisci non sapere? Clicca!</small></a></font><br><br>

<div id="section">
<h2 class="sectiontitle">Ultimi Commenti</h2>
<small>
    <p><$BlogRecentComments$></p>
    </div>
</small>

<div id="section">
      <h2 class="sectiontitle">Membri</h2>
      <p><$BlogMembers$></p>
     </div>

<div id="section">
	<h2 class="sectiontitle">Archivio</h2>
<small>
    <center><p><$BlogArchive$></p></center>
      </div>
</small>

<h2 class="sectiontitle">Argomenti</h2>
   <center><p><$BlogCategories$></p></center>

</div></div>

<br clear="all" />
</div>

<br><table width="100%">
<td align="center">
<script type="text/javascript" language="JavaScript" SRC="http://codice.shinystat.com/cgi-bin/getcod.cgi?USER=spertejo"></script>
<noscript>
<A HREF="http://www.shinystat.com" TARGET="_new">
<IMG SRC="http://www.shinystat.com/cgi-bin/shinystat.cgi?USER=spertejo" ALT="Marketing ROI" /></A>
</noscript>

</body>
</html>