<!DOCTYPE html>
<html lang="it">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Merry Xmas... Blue</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 name="robots" content="index,follow">

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

<style type="text/css">
body {background-image: url('images/penelope_sfondo_blue_stelle.jpg');
text-align:center;
font-family : "Palatino Linotype"; 
color : #4c412c; 
font-size : 12px
}
h1,h2{color: #162e3e;}
h1{margin-bottom: 3px; font-size:120%}
h2{margin-bottom: 2px; font-size: 100%}

hr {
border: 1px dotted #162e3e;
width: 85%;
clear:both;
}
a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Palatino Linotype"; 
font-size: 12px;
color:#2d4d63; 
}
a:visited { 
text-decoration:none; 
cursor:nw-resize;
font-family: "Palatino Linotype"; 
font-size: 12px;
color:#102b3e; 
}
a:hover {
text-decoration: line-through; 
color: #ffffff;
}
a:active { 
font-family: "Palatino Linotype"; 
font-size: 12px; 
color: #c6c7e4; 
}
table.invisibile{  
border:0px;
text-align:center;
font-family : "Palatino Linotype"; 
color : #162e3e; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.bordo_decor{  
border:0px none;
text-align:center;
background-image: url('images/winni_glitter_blue_1.gif');
font-family : "Palatino Linotype";
color : #4c412c; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
td.cornice{  
border:0px none;
text-align:center;
background-image: url('images/p11.jpg');
font-family : "Palatino Linotype";
color : #162e3e; 
font-size : 12px
}
td.sfondobase{  
border:0px none;
text-align:center;
background-image: url('images/p5.jpg');
font-family : "Palatino Linotype";
color : #162e3e; 
font-size : 12px
}
td.sfondoazzurro{  
border:0px none;
text-align:center;
background-image: url('images/p1.jpg');
font-family : "Palatino Linotype";
color : #162e3e; 
font-size : 12px
}
table.sfondorighette{  
border:1px solid #162e3e;
text-align:center;
background-image: url('images/p11.jpg');
font-family : "Palatino Linotype";
color : #162e3e; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.titoli{  
border:0px none;
text-align:center;
background-image: url('images/penelope_targhetta_tit.png');
font-family : "Palatino Linotype";
color : #162e3e; 
font-size : 12px;
width: 241px; 
height: 82px;
margin-left:auto;
margin-right:auto
}
table.bordo{  
border:1px dotted #162e3e;
text-align:center;
font-family : "Palatino Linotype";
color : #162e3e; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
textarea.code {
border: #162e3e 1px solid;
}
img { border: 0; 
}
</style>

<!-- Favicon Natale - Penelope -->
<link rel="shortcut icon" type="image/x-icon" href="https://www.iltelaiodipenelope.it/natale/favicon/campana2.ico">
<!-- Favicon Natale - Penelope -->

</head>

<body>
<table class="bordo_decor" cellpadding="20" cellspacing="2" width="1000">
 <tr>
	<td class="cornice">
<table class="bordo_decor" cellpadding="20" cellspacing="2" width="100%">
 <tr>
	<td class="sfondobase">
<table class="bordo_decor" cellpadding="20" cellspacing="2" width="100%">
 <tr>
	<td class="sfondoazzurro"><img src="images/penelope_immy_neve.gif" width="918" height="402" alt=""></td>
 </tr>
</table><br>
	
<!-- Table barra link -->
<table class="bordo_decor" cellpadding="15" cellspacing="2" width="100%">
 <tr>
   <td class="sfondoazzurro">
<table class="sfondorighette" cellpadding="2" cellspacing="2" width="928">
 <tr>
	<td width="132">&nbsp;</td>
	<td width="132"><img src="images/brillantino_blue.gif" width="9" height="9" alt=""> <a href="#">Link</a></td>
	<td width="132"><img src="images/brillantino_blue.gif" width="9" height="9" alt=""> <a href="#">Link</a></td>
	<td width="132"><img src="images/brillantino_blue.gif" width="9" height="9" alt=""> <a href="#">Link</a></td>
	<td width="132"><img src="images/brillantino_blue.gif" width="9" height="9" alt=""> <a href="#">Link</a></td>
	<td width="132"><img src="images/brillantino_blue.gif" width="9" height="9" alt=""> <a href="#">Link</a></td>
	<td width="132">&nbsp;</td>
 </tr>
</table></td>
 </tr>
</table><!-- Table barra link --><br>
	
<!-- Table pager -->
<table class="bordo_decor" cellpadding="2" cellspacing="2" width="100%">
 <tr>
	<td class="sfondoazzurro">
<table class="invisibile" cellpadding="2" cellspacing="2" width="100%">
 <tr>
	<td width="680" valign="top"><!-- Inizio corpo pagina -->
<h1>Titolo sito...</h1>	
Qui si pu scrivere una frase di benvenuto, descrizione del sito... ecc.. ecc..<br><br>
	
<img src="images/penelope_titolettonevex.png" width="483" height="104" alt="">
<table class="sfondorighette" cellpadding="15" cellspacing="2" width="550">
 <tr>
	<td><table class="bordo" cellpadding="2" cellspacing="2" width="100%">
	<tr>
		<td class="sfondoazzurro">
		<div style="width:530px; height:150px; overflow-y: scroll">
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... 
		Scrivi qui... Scrivi qui... Scrivi qui...<br>
        </div></td>
	</tr>
 </table></td>
	</tr>
	</table><br><br>
	
Lo spazio corpo/pagina e le colonne cresceranno man mano che si aggiungono contenuti<br> 
puoi inserire quindi accessori, gadget e tutto ci che ti occorre in base al tipo di spazio che<br> 
vuoi realizzare. Puoi utilizzare lo spazio corpo/pagina per un iframe in cui far visualizzare<br> 
tutte le altre pagine del sito <a target="_blank" href="https://www.iltelaiodipenelope.it/tutorial/html/iframe_sito_web.php">* Tutorial iframe sito web</a><br><br>

Visita la sezione <a target="_blank" href="https://www.iltelaiodipenelope.it/tutorial/index.php">html & script Tutorial</a>
per tanti tutorial su come gestire e organizzare<br> 
le pagine web ed anche tanti script per utilit, accessori e gadget<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>
Anteprima Web Set free www.iltelaiodipenelope.it - <a target="_blank" href="https://www.iltelaiodipenelope.it/template/index.php">* Template and more...</a><br><br><!-- Fine corpo pagina --></td>
   <td width="250" valign="top"><!-- Inizio colonna -->
   
<!-- Inizio menu 1 -->   
<table class="titoli" cellpadding="0" cellspacing="0">
 <tr>
   <td><br>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="titoli" cellpadding="0" cellspacing="0">
 <tr>
   <td><br>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 2 --><br><br>

<!-- Inizio spazio Cbox -->	
<table class="titoli" cellpadding="0" cellspacing="0">
 <tr>
	<td><br>o. Salutini .o</td>
 </tr>
</table>
	
<table class="bordo" cellpadding="0" cellspacing="0" width="220">
 <tr>
	<td valign="top">Inserisci qui il codice della tua Cbox<br>
    la misura per la larghezza deve<br> 
	essere width=&quot;210&quot;<br><br>
		
	# Per maggiori info...<br>
	<a target="_blank" href="https://www.iltelaiodipenelope.it/tutorial/html/cbox.php">Tutorial Cbox</a></td>
 </tr>
</table><!-- Fine spazio Cbox --><br>

<!-- Inizio spazio banner -->	
<table class="titoli" cellpadding="0" cellspacing="0">
 <tr>
	<td><br>o. LinkMe .o</td>
 </tr>
</table>
<table class="invisibile" cellpadding="0" cellspacing="0" width="184">
 <tr>
	<td width="101"><img src="images/penelope_banner_neve.png" width="101" height="80" alt=""></td>
	<td><textarea class="code" onmouseover="this.select()" cols="6" rows="1">Scrivi qui il codice completo per linkare il tuo spazio
	</textarea><br>
	<a href="#">More...</a><!-- Aggiungi il link della tua pagina banner se ne hai pi di uno --></td>
 </tr>
</table><!-- Fine spazio banner --><br><br>

<!-- Credits non rimuovere - Grazie -->	
<a target="_blank" href="https://www.iltelaiodipenelope.it/template/index.php">
<img src="images/penelope_layout_banner.png" width="170" height="118" alt="Penelope &#9829;"></a>
<!-- Credits --><br><br> 
					
<!-- Fine colonna --></td>
 </tr>
</table></td>
 </tr>
</table><!-- Table pager --><br>
	
<!-- Footer -->
<table class="bordo_decor" cellpadding="15" cellspacing="2" width="100%">
 <tr>
	<td class="sfondoazzurro">
<table class="sfondorighette" cellpadding="2" cellspacing="2" width="100%">
 <tr>
	<td>|| <script type="text/javascript">
<!-- Begin
copyright=new Date();
update=copyright.getFullYear();
document.write("Copyright  AUTORE 2024 - "+ update + " Tutti i diritti riservati.");
//  End -->
</script> ||<!-- copyright --></td>
 </tr>
</table></td>
 </tr>
</table>
<!-- Footer --></td>
 </tr>
</table></td>
 </tr>
</table>

</body>

</html>