<!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>Puccy</title>
<meta name="descripxion" 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="ROBOTS" content="INDEX,FOLLOW">
<meta name="creation_Date" content="00/00/0000">
<meta name="revisit-after" content="7 days">

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

<style type="text/css">
body {background-image: url('images/0_8792b_68550ae5_L.jpg');
text-align:center;
font-family : "Tahoma"; 
color : #6d6453; 
font-size : 12px;
margin-top: 0px
}
h1,h2{color: #6d6453;}
h1{margin: 0;font-size:130%}
h2{margin: 0;font-size: 110%}

a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Tahoma"; 
font-size: 12px;
color:#799535; 
}
a:visited { 
text-decoration:none; 
cursor:nw-resize;
font-family: "Tahoma"; 
font-size: 12px;
color:#c9dd95; 
}
a:hover {
text-decoration: line-through; 
color: #cd9d0d;
}
a:active { 
font-family: "Tahoma"; 
font-size: 12px; 
color: #e27878; 
}
div#header {
border:0 none;
background-image: url('images/penelope_puccy_immy.jpg');
text-align:center;
margin-left:auto;      
margin-right:auto;
width: 1024px;
height:432px;
padding-top:0px
}
div#corpo {
border: 0px none;
background-image: url('images/penelope_puccy_body.jpg');
text-align:center;
font-family : "Tahoma"; 
color : #6d6453; 
font-size : 12px;
margin-left:auto;      
margin-right:auto;
width: 1024px
}
div#footer {
border: 0px none;
background-image: url('images/penelope_puccy_footer.jpg');
text-align:center;
font-family : "Tahoma"; 
color : #6d6453; 
font-size : 12px;
margin-left:auto;      
margin-right:auto;
width: 1024px;
height:185px
}
div#scritta {
position: absolute; 
width: 490px; 
height: 46px;
border: 0px none;
text-align:center;
font-family : "Tahoma"; 
color : #6d6453; 
font-size : 12px;
margin-left:auto;      
margin-right:auto;
}
table.base{  
border:0px;
text-align:center;
font-family : "Tahoma"; 
color : #6d6453; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.base_left{  
border:0px;
text-align:left;
font-family : "Tahoma"; 
color : #6d6453; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.sfondo_decor{  
border:1px solid #bb9c5f;
background-image: url('images/0_8792b_68550ae5_L.jpg');
margin-left:auto;
margin-right:auto
}
table.menu{  
border:0px none;
background-image: url('images/penelope_puccy_menu_tag.png');
width: 226px;
height:70px;
text-align:center;
font-family : "Tahoma"; 
color : #6d6453; 
font-size : 12px;
padding-top: 20px;
margin-left:auto;
margin-right:auto
}
table.bordo{  
border:1px solid #bb9c5f;
text-align:center;
font-family : "Tahoma"; 
color : #6d6453; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
td.sfondo_colore{  
border:1px dotted #bb9c5f;
background-color: #fdedee;
text-align:center;
font-family : "Tahoma"; 
color : #6d6453; 
font-size : 12px
}
td.colonna{  
border-left:1px dotted #6d6453;
text-align:center;
font-family : "Tahoma"; 
color : #6d6453; 
font-size : 12px
}
td.testo_left{  
border: 0px;
text-align:left;
font-family : "Tahoma"; 
color : #6d6453; 
font-size : 12px
}
</style>

<script type="text/javascript">
<!-- Original:  Andrea Bianchi  
//  Web Site:  http://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>

<div id="header"><!-- Inizio messaggio immy -->
<div style="left: 563px; top: 328px" id="scritta">
Qui puoi scrivere un piccolo messaggio.... una frase....<br>
scrivi.... scrivi.... scrivi.... scrivi.... scrivi.... scrivi.... scrivi.... 
scrivi.... scrivi....<br>
scrivi.... scrivi.... scrivi.... scrivi.... scrivi.... scrivi.... scrivi.... 
scrivi....</div><!-- Fine messaggio immy -->
</div>

<div id="corpo">
<table class="base" cellpadding="2" cellspacing="2" width="95%">
 <tr>
	<td width="670" valign="top"><!-- Inizio spazio corpo pagina -->
	<h1>Benvenuti in...</h1>
Scrivi qui una breve descrizione del tuo spazio<br><br>
	
<!-- Inizio Tag News -->	
<table class="sfondo_decor" cellpadding="2" cellspacing="15" width="520">
 <tr>
	<td class="sfondo_colore">
	<table class="base" cellpadding="2" cellspacing="2" width="100%">
	<tr>
		<td width="33%">
		<img border="0" src="images/penelope_puccy_testo_news.png" width="160" height="48" alt=""></td>
		<td width="64%"><!-- Inizio codice script datario -->
<script type="text/javascript">
 <!--
  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!");
     }
 //-->
</script><br>
<script type="text/javascript">WebDate();</script>
H: <script language="JavaScript" type="text/javascript">
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 type="text/javascript">dT();</script><!-- Fine codice script datario --></td>
	</tr>
	<tr>
		<td class="testo_left" colspan="2"><marquee style="text-align:center; font-family:Tahoma; font-size: 12px; color: #8ead43" direction="left" scrollAmount="3" scrolldelay="2" height="25" width="95%">
<img border="0" src="images/1899.gif" width="10" height="9"> Scrivi qui un messaggino con immagini e/o scritte che camminano...</marquee>
 <div style="width:480px; height:150px; overflow-y: scroll">
<!-- Inizio spazio scrivi news -->
- 00/00/00/-<br>
Aggiornata sezione info.... info... info.... info... info.... info.... info... info.... info....<br><br>

- 00/00/00/-<br>
Aggiornata sezione info.... info... info.... info... info.... info.... info... info.... info....<br><br>

- 00/00/00/-<br>
Aggiornata sezione info.... info... info.... info... info.... info.... info... info.... info....<br><br>

- 00/00/00/-<br>
Aggiornata sezione info.... info... info.... info... info.... info.... info... info.... info....<br><br>

- 00/00/00/-<br>
Aggiornata sezione info.... info... info.... info... info.... info.... info... info.... info....<br><br>

- 00/00/00/-<br>
Aggiornata sezione info.... info... info.... info... info.... info.... info... info.... info....<br><br>
		
<!-- Fine spazio scrivi news --></div></td>
	</tr>
	</table>
	</td>
 </tr>
</table>
<!-- Fine Tag News --><br><br>

INSERIRE QUI I CONTENUTI PRINCIPALI SE SI PREFERISCE SI PUO&#39; INSERIRE<br> 
UN IFRAME PER FAR APRIRE LE VARIE PAGINE DEL SITO<br><br>
	
- Fai attenzione alle misure della larghezza (width) che sono fisse ma per l'altezza<br>
puoi inserire tutto ci che ti serve, lo spazio corpo e la colonna si espanderanno in base ai contenuti<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;<br><br>

<!-- Inizio Tag Cbox -->	
<img border="0" src="images/penelope_puccy_testo_salutini.png" width="198" height="42" alt="">
<table class="sfondo_decor" cellpadding="2" cellspacing="15" width="520">
 <tr>
	<td class="sfondo_colore" height="250">Inserisci qui il codice della tua Cbox, imposta<br> 
	la misura width (larghezza) a 480, per height (altezza) puoi mettere<br> 
	la misura che preferisci la table crescer in base al contenuto,<br> 
	*la cella ora  impostata a 250 solo per far vedere bene la table</td>
 </tr>
</table>
<!-- Fine Tag Cbox --><br><br>

<img border="0" src="images/penelope_puccy_testo_ciao.png" width="415" height="48" alt=""><br>

<!-- Fine spazio corpo pagina --></td>
	<td class="colonna" width="280" valign="top"><!-- Inizio spazio Colonna -->
		
<!-- Inizio menu 1 -->	
<table class="menu" cellpadding="0" cellspacing="0">
 <tr>
	<td>o Menu o</td>
 </tr>
</table>
<a href="#">Link</a> | 
<a href="#">Link</a> |
<a href="#">Link</a> |
<a href="#">Link</a> |
<a href="#">Link</a><br>
<a href="#">Link</a> | 
<a href="#">Link</a> |
<a href="#">Link</a> |
<a href="#">Link</a> |
<a href="#">Link</a>
<!-- Fine menu 1 --><br><br>


<!-- Inizio menu 2 -->	
<table class="menu" cellpadding="0" cellspacing="0">
 <tr>
	<td>o Menu o</td>
 </tr>
</table>
<table class="bordo" cellpadding="0" cellspacing="0" width="190">
 <tr>
	<td><table class="base_left" cellpadding="2" cellspacing="4" width="100%">
		<tr>
		 <td style="border-bottom:1px dotted #bb9c5f;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
		 <a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #bb9c5f;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #bb9c5f;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #bb9c5f;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		</tr>
	</table></td>
 </tr>
</table>
<!-- Fine menu 2 --><br><br>

<!-- Inizio menu 3 -->	
<table class="menu" cellpadding="0" cellspacing="0">
 <tr>
	<td>o Menu o</td>
 </tr>
</table>
<table class="bordo" cellpadding="0" cellspacing="0" width="190">
 <tr>
	<td><table class="base_left" cellpadding="2" cellspacing="4" width="100%">
		<tr>
		 <td style="border-bottom:1px dotted #bb9c5f;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
		 <a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #bb9c5f;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #bb9c5f;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #bb9c5f;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		</tr>
	</table></td>
 </tr>
</table>
<!-- Fine menu 3 --><br><br>

|| SPAZIO GADGET ||<br><br>
	
|| SPAZIO GADGET ||<br><br>

|| SPAZIO GADGET ||<br><br>

<!--  Credits Penelope - Non rimuovere grazie -->
<a target="_blank" href="https://www.iltelaiodipenelope.it">
<img border="0" src="images/penelopepixelcredits.gif" width="70" height="60" alt="iltelaiodipenelope.it"></a>
<!--  Credits --><br><br>

<!-- Fine spazio spazio Colonna --></td>
 </tr>
</table>
</div>

<div id="footer"><!-- Inizio spazio Footer -->
<table class="base" cellpadding="2" cellspacing="2" width="95%">
	<tr>
		<td>&nbsp;</td>
		<td width="266">&nbsp;</td>
	</tr>
	<tr>
		<td height="130" colspan="2"><!-- copyright -->
|| <script type="text/javascript">
<!-- Begin
copyright=new Date();
update=copyright.getFullYear();
document.write("Copyright  AUTORE 2011 - "+ update + " Tutti i diritti riservati.");
//  End -->
</script> ||<!-- copyright --></td>
	</tr>
</table>
<!-- Fine spazio Footer --></div>

</body>

</html>