<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Autumn</title>
<meta name="title" content="Titolo sito">
<meta name="description" content="Descrizione sito">
<meta name="keywords" content="Parole chiave per i motori di ricerca, tipo, grafica,accessori web,gadget">
<meta name="author" content="Tuo nome">
<meta http-equiv="Reply-to" content="Tua e-mail">
<meta http-equiv="content-language" content="IT">
<meta name="creation_Date" content="00/00/0000">
<meta name="revisit-after" content="7 days">

<!--Web set free realizzato da Penelope - http://www.iltelaiodipenelope.it -->

<style type="text/css">
body {background-image: url('images/penelope_autumn_sfondo.jpg');
text-align:center;
font-family : "Geneva"; 
color : #645042; 
font-size : 14px
}
h1{margin: 0; color: #645042; font-size:150%
}
h2{margin: 0; color: #645042; font-style: oblique; font-size:90%
}
h3{margin-bottom: 5px; color: #645042; font-size:110%
}
a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Geneva"; 
font-size: 12px;
color:#7a3237; 
}
a:visited { 
text-decoration:none; 
cursor:nw-resize;
font-family: "Geneva"; 
font-size: 12px;
color:#88905a; 
}
a:hover {
text-decoration: line-through; 
color: #c5a363;
}
a:active { 
font-family: "Geneva"; 
font-size: 12px; 
color: #e27878; 
}
table.invisibile{  
border:0px;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #645042; 
margin-left:auto;
margin-right:auto
}
table.bordi_dotted{  
border:1px dotted #bba67d;
text-align:center;
font-family: "Geneva"; 
font-size: 12px; 
color : #645042;
margin-left:auto;
margin-right:auto
}
td.top {
border:0px none;
background-image: url('images/penelope_autumn_top.png');
width: 982px;
height: 320px;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #645042 
}
td.striscia {
border:0px none;
background-image: url('images/penelope_autumn_striscia.png');
width: 982px;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #645042 
}
td.footer {
border:0px none;
background-image: url('images/penelope_autumn_footer.png');
width: 982px;
height: 140px;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #645042 
}
td.colonna{  
border-left:1px dotted #bba67d;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #645042; 
}

/* Menu colonna */
.colonna_menu{
width: 190px;
text-align:left;
margin-left:auto;
margin-right:auto
}
.colonna_menu ul{
list-style-type: none;
margin: 5px 0;
padding: 2px;
border: 0px;
}
.colonna_menu ul li a{
background:  url('images/softautumn_pallino_menu.png') no-repeat 1px center;
color: #8a3818;
display: block;
width: auto;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px dotted #987152; 
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:13px; 
font-family:Tahoma; 
padding-right:0; 
padding-top:4px; 
padding-bottom:4px
}
* html .colonna_menu ul li a{ 
width: 190px;
}
.colonna_menu ul li a:visited, .colonna_menu ul li a:active{
color: #61778f;
}
.colonna_menu ul li a:hover{
color: #c68348;
background-color: #f4e6d0;
background-image:url('images/softautumn_pallino_menuhover.png');
}
/* Holly Hack for IE \*/
* html .colonna_menu ul li { height: 1%; }
* html .colonna_menu ul li a { height: 1%; }
/* End */

table.mex{  
border:0px none;
background-image: url('images/softautumn_tag.png');
text-align:center;
font-family: "Geneva"; 
font-size: 14px;
font-weight:bold; 
color : #4c412c; 
width: 212px;
height: 309px;
padding-top:25px;
margin-left:auto;
margin-right:auto
}
table.bordo_top{  
border-top:1px dotted #bba67d;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #645042;
margin-left:auto;
margin-right:auto 
}
</style>

<script type="text/javascript">
<!-- Original:  Andrea Bianchi  
//  Web Site:  https://www.web-link.it 
function WebDate() {
var now = new Date();
var year= now.getYear();if (year < 1000) year += 1900;
nameDay = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato');
nameMth = new Array('Gennaio','Febbraio','Marzo','Aprile','Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre','Dicembre');
document.write(''+nameDay[now.getDay()]+ ' ' + now.getDate() + " " + nameMth[now.getMonth()] + " " + year+'');
}
// end -->
</script>

</head>

<body>

<table class="invisibile" cellpadding="0" cellspacing="0">
	<tr>
		<td class="top"><!-- Inizio contenitore header -->&nbsp;<!-- Fine contenitore header --></td>
	</tr>
	<tr>
		<td class="striscia"><!-- Fine contenitore Inizio -->
		<table class="invisibile" cellpadding="2" cellspacing="2" width="94%">
	<tr>
		<td valign="top"><!-- Inizio contenitore page -->
		•°o. <script type="text/javascript">
//<![CDATA[
 <!--
  var saluto = new Date();
  var orario = saluto.getHours();
     if ((orario > 06) && (orario <= 12)) {
        document.write("Buon giorno ^_^");
     }
     if ((orario > 12) && (orario <= 18)) {
        document.write("Buon pomeriggio =^_^=");
     }
     if ((orario > 18) && (orario <= 24)) {
        document.write("Buona sera ^_^");
     }
     if ((orario >= 00) && (orario <= 06)) {
        document.write("Buona notte O_o");
     }
 //-->
 //]]>
</script> Benvenuti nel &quot;Titolo spazio&quot;<br>
		Oggi č <script type="text/javascript">
//<![CDATA[
WebDate(); 
//]]>
</script> H: <script language="JavaScript" type="text/javascript">
//<![CDATA[
function tS(){ x=new Date(); x.setTime(x.getTime()); return x; } 
function lZ(x){ return (x>9)?x:'0'+x; } 
function tH(x){ if(x==0){ x=24; } return (x>24)?x-=24:x; } 
function dT(){ if(fr==0){ fr=1; document.write('<span id="tP">'+eval(oT)+'<\/b><\/span>'); } tP.innerText=eval(oT); setTimeout('dT()',1000); }
var fr=0,oT="lZ(tH(tS().getHours()))+':'+lZ(tS().getMinutes())+':'+lZ(tS().getSeconds())";
//]]>
</script> <script language="JavaScript" type="text/javascript">
//<![CDATA[
dT();
//]]>
</script> Buona navigazione...<br><br>

Inserisci qui i contenuti principali del sito...<br>
una table per le news e aggiornamenti, una slide con delle anteprime.<br><br>

<img border="0" src="images/penelope_autumn_titolonews.png" width="454" height="82" alt=""><br>
<table class="bordi_dotted" cellpadding="2" cellspacing="2" width="470">
	<tr>
		<td><div style="position:relative; width:470px; height:180px; border:0px; overflow:hidden; margin-left: auto; margin-right: auto">
<div id="container" style="position:absolute; width:470px; left:0;top:0">
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...<br>
Scrivi qui le news... Scrivi qui le news... Scrivi qui le news... Scrivi qui le news...
</div></div><br>
<table class="invisibile" cellpadding="0" cellspacing="0" width="460">
 <tr>
	<td>&nbsp;</td>
	<td width="50" valign="bottom">
<a title="Scroll down" href="#" onMouseover="move('container',5)" onMouseout="clearTimeout(move.to)">
<img border="0" src="images/scroll_down_x.png" width="19" height="14" alt="Scroll Down"></a>  
<a title="Scroll up" href="#" onMouseover="move('container',-5)" onMouseout="clearTimeout(move.to)">
<img border="0" src="images/scroll_up_x.png" width="19" height="14" alt="Scroll Up"></a></td>
 </tr>
</table>

<script type="text/javascript">
/******************************************
* Scrollable content script II- © Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/
// modified 17-October-2011

function move(id,spd){
 var obj=document.getElementById(id),max=-obj.offsetHeight+obj.parentNode.offsetHeight,top=parseInt(obj.style.top);
 if ((spd>0&&top<=0)||(spd<0&&top>=max)){
  obj.style.top=top+spd+"px";
  move.to=setTimeout(function(){ move(id,spd); },20);
 }
 else {
  obj.style.top=(spd>0?0:max)+"px";
 }
}
</script></td>
	</tr>
</table><br><br>

- Puoi fare tutte le modifiche che ritieni necessarie alla struttura,<br>
ma non alterare in nessun modo la grafica, e non togliere il credits del telaio^^<br><br>
Buon lavoro... buon sito Penelope &#9829;<!-- Fine contenitore page --></td>
		<td class="colonna" width="275" valign="top"><!-- Inizio contenitore colonna -->
<h3>...FollowMe...</h3>		
<img border="0" src="images/social_facebook.png" width="50" height="49">
<img border="0" src="images/social_twitter.png" width="50" height="50">
<img border="0" src="images/social_rss.png" width="50" height="50"><br><br>

<!-- Inizio menu colonna -->
<img border="0" src="images/penelope_autumn_titolomenu.png" width="158" height="52" alt=""><br>
<table class="invisibile" cellpadding="2" cellspacing="2" width="180">
 <tr>
	<td><div class="colonna_menu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<!-- Continua ad inserire link sopra questo tag -->		
</ul>
</div></td>
 </tr>
</table><!-- Fine menu colonna --><br>

<img border="0" src="images/penelope_autumn_titolosaluti.png" width="191" height="51" alt=""><br>
<table class="bordi_dotted" cellpadding="2" cellspacing="2" width="220">
 <tr>
	<td>Spazio per cbox...<br><br>
- Settate i due iframe del codice<br> 
con queste misure<br>
1°iframe: width="220" height="200"<br>
2°iframe:width="220" height="85"</td>
 </tr>
</table><br><br>

<!-- Penelope Credits -->
<a target="_blank" href="https://www.iltelaiodipenelope.it/template/index.php">
<img border="0" src="images/penelope_webset.png" width="112" height="62"></a>
<!-- Penelope Credits --><br><br>
		
<!-- Fine contenitore colonna --></td>
	</tr>
	</table>
		<!-- Fine contenitore corpo --></td>
	</tr>
	<tr>
		<td class="footer" valign="top"><!-- Inizio contenitore footer -->
		<table class="bordo_top" cellpadding="2" cellspacing="2" width="90%">
	<tr>
		<td height="70"><h2>Grazie della visita...</h2>	
<script type="text/javascript">
<!-- Begin
copyright=new Date();
update=copyright.getFullYear();
document.write("Copyright © AUTORE 2011 - "+ update + " Tutti i diritti riservati.");
//  End -->
</script></td>
	</tr>
	</table>
		<!-- Fine contenitore footer --></td>
	</tr>
</table>

</body>

</html>
