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

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Merry Xmas... Red</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_sfondored_grung.jpg');
text-align:center;
font-family : "Palatino Linotype"; 
color : #cdb078; 
font-size : 12px
}
h1,h2{color: #cdb078;}
h1{margin-bottom: 3px; font-size:120%}
h2{margin-bottom: 2px; font-size: 100%}

hr {
border: 1px dotted #cdb078;
width: 85%;
clear:both;
}
a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Palatino Linotype"; 
font-size: 12px;
color:#d7bb85; 
}
a:visited { 
text-decoration:none; 
cursor:nw-resize;
font-family: "Palatino Linotype"; 
font-size: 12px;
color:#eadcc0; 
}
a:hover {
text-decoration: line-through; 
color: #e6b24e;
}
a:active { 
font-family: "Palatino Linotype"; 
font-size: 12px; 
color: #c6c7e4; 
}
table.cordoncino{  
border:0px none;
text-align:center;
background-image: url('images/cordoncino.png');
margin-left:auto;
margin-right:auto
}
td.oro{  
border:1px solid #a6936e;
text-align:center;
background-image: url('images/oro.png');
}
table.sfondo{  
border:0px none;
text-align:center;
background-image: url('images/penelope_sfondored_table.jpg');
margin-left:auto;
margin-right:auto
}
td.sfondo{  
border:0px none;
text-align:center;
background-image: url('images/penelope_sfondored_table.jpg');
}
table.glitter_oro{  
border:0px none;
text-align:center;
background-image: url('images/ezgtilefinished.gif');
margin-left:auto;
margin-right:auto
}
table.colore{  
border:0px;
text-align:center;
background-color: #5a1010;
font-family : "Palatino Linotype";
color : #cdb078; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.invisibile{  
border:0px;
text-align:center;
font-family : "Palatino Linotype"; 
color : #cdb078; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.news{  
border:1px dotted #cdb078;
background-image: url('images/penelope_sfondored_table.jpg');
text-align:center;
font-family : "Palatino Linotype"; 
color : #cdb078; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.barra_link{  
border-bottom:1px dotted #cdb078;
text-align:center;
margin-left:auto;
margin-right:auto
}
td.colore{  
border:1px dotted #cdb078;
text-align:center;
background-color: #5a1010;
font-family : "Palatino Linotype";
color : #cdb078; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
td.colonna{  
border-left:1px dotted #cdb078;
text-align:center;
font-family : "Palatino Linotype"; 
color : #cdb078; 
font-size : 12px;
}
table.tag_titoli{  
border:0px none;
background-image: url('images/penelope_titoli_redgold.png');
text-align:center;
font-family : "Palatino Linotype"; 
color : #cdb078; 
font-size : 10pt;
font-weight:bold;
width: 216px;
height: 76px;
margin-left:auto;
margin-right:auto
}
table.invisibile_left{  
border:0px;
text-align:left;
font-family : "Palatino Linotype"; 
color : #cdb078; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
textarea.code {
border: #cdb078 1px dotted;
}
img { border: 0; 
}
</style>

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

</head>

<body>

<table class="cordoncino" cellpadding="20" cellspacing="3">
  <tr>
	<td class="oro"><table class="cordoncino" cellpadding="25" cellspacing="3" width="100%">
  <tr>
	<td class="sfondo">
<table class="glitter_oro" cellpadding="0" cellspacing="1" width="100%">
 <tr>
	<td class="sfondo">
<table class="colore" cellpadding="2" cellspacing="2" width="100%">
 <tr>
	<td colspan="2"><img src="images/penelope_immy_red_gold.gif" width="910" height="390" alt="Merry Christmas"></td>
 </tr>
 <tr>
	<td width="950" valign="top" colspan="2"><!-- Table barra link -->
<table class="barra_link" cellpadding="2" cellspacing="4" width="90%">
  <tr>
	<td width="132">&nbsp;</td>
	<td width="132"><img src="images/estrella.gif" width="15" height="17" alt=""> <a href="#">Link</a></td>
	<td width="132"><img src="images/estrella.gif" width="15" height="17" alt=""> <a href="#">Link</a></td>
	<td width="132"><img src="images/estrella.gif" width="15" height="17" alt=""> <a href="#">Link</a></td>
	<td width="133"><img src="images/estrella.gif" width="15" height="17" alt=""> <a href="#">Link</a></td>
	<td width="133">
	<img src="images/estrella.gif" width="15" height="17" alt=""> <a href="#">Link</a></td>
	<td width="133">&nbsp;</td>
 </tr>
</table><!-- Table barra link --></td>
  </tr>
 <tr>
	<td width="690" valign="top"><!-- Inizio corpo pagina -->
<h2>Titolo sito...</h2>
Piccola presentazione...<br><br>
		
<!-- Inizio table news -->
<img src="images/penelope_redgold_titolettonews.png" width="442" height="75" alt=""><br>
<table class="news" cellpadding="3" cellspacing="18" width="590">
  <tr>
	<td class="colore"><div style="width:550px; 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>    
    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><!-- Fine table news --><br><br>

Lo spazio corpo/pagina e la colonna 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>	

<!-- Inizio table salutini -->
<img src="images/penelope_redgold_titolettosalutini.png" width="210" height="57" alt=""><br>
<table class="news" cellpadding="3" cellspacing="18" width="590">
  <tr>
	<td class="colore">
<table class="invisibile" cellpadding="0" cellspacing="0" width="100%">
 <tr>
	<td style="background-image:url('images/penelope_daminaredgoldx.png')" width="215" height="280"></td>
	<td valign="top">Lascia una traccia del tuo passaggio...<br> 
	ricambier con piacere<br><br>
		
	Inserisci qui il codice della tua Cbox<br>
	la misura per la larghezza deve essere width=&quot;320&quot;<br> 
	per l&#39;altezza height=&quot;280&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></td>
 </tr>
</table>
<img src="images/stelline_pxx.gif" width="147" height="36" alt=""> 
<img src="images/stelline_pxx.gif" width="147" height="36" alt=""> 
<img src="images/stelline_pxx.gif" width="147" height="36" alt=""> 
<img src="images/stelline_pxx.gif" width="147" height="36" alt=""><br><br>
<!-- Fine table salutini -->
		
<!-- Fine corpo pagina --></td>
	<td class="colonna" width="260" valign="top" height="600"><!-- Inizio Colonna -->
<table class="tag_titoli" cellpadding="0" cellspacing="0">
 <tr>
	<td><img src="images/stelline_px.gif" width="27" height="25" alt="" align="middle"> Menu...</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><br>
<img src="images/stelline_pxx.gif" width="147" height="36" alt=""><br><br>
	
<table class="tag_titoli" cellpadding="0" cellspacing="0">
 <tr>
	<td><img src="images/stelline_px.gif" width="27" height="25" alt="" align="middle"> Menu...</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><br>
<img src="images/stelline_pxx.gif" width="147" height="36" alt=""><br><br>
	
<table class="tag_titoli" cellpadding="0" cellspacing="0">
 <tr>
	<td><img src="images/stelline_px.gif" width="27" height="25" alt="" align="middle"> Menu...</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><br>
<img src="images/stelline_pxx.gif" width="147" height="36" alt=""><br><br><br>
	
<h2><img src="images/estrella.gif" width="15" height="17" alt=""> LinkMe...</h2><br>
<table class="invisibile" cellpadding="0" cellspacing="0" width="200">
 <tr>
	<td><img src="images/base_banner_redgold.png" width="166" height="110" alt=""><br>
	<textarea class="code" onmouseover="this.select()" cols="8" rows="1">Scrivi qui il codice completo per linkare il tuo spazio
	</textarea></td>
 </tr>
</table><br><br><br>

<!-- Telaio credits - Non rimuovere -->
<a target="_blank" href="https://www.iltelaiodipenelope.it/template/index.php">
<img src="images/penelope_layout_banner.png" width="170" height="118" alt="Penelope"></a>
<!-- Telaio credits - Non rimuovere --><br><br> 

<!-- Fine Colonna --></td>
 </tr>
 <tr>
	<td valign="top" colspan="2"><!-- Inizio Footer --><br><img src="images/redgold_saluti.png" width="633" height="76" alt="">
	<br><br><!-- copyright -->|| <script type="text/javascript">
<!-- Begin
copyright=new Date();
update=copyright.getFullYear();
document.write("Copyright  AUTORE 2024 - "+ update + " Tutti i diritti riservati.");
//  End -->
</script> ||<!-- copyright --><br>
    <!-- Fine Footer --></td>
 </tr>
</table></td>
 </tr>
</table></td>
 </tr>
</table></td>
 </tr>
</table>

</body>

</html>