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

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

hr {
border: 1px dotted #4c412c;
width: 85%;
clear:both;
}
a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Palatino Linotype"; 
font-size: 12px;
color:#704041; 
}
a:visited { 
text-decoration:none; 
cursor:nw-resize;
font-family: "Palatino Linotype"; 
font-size: 12px;
color:#7a7a4c; 
}
a:hover {
text-decoration: line-through; 
color: #cf9d9f;
}
a:active { 
font-family: "Palatino Linotype"; 
font-size: 12px; 
color: #c6c7e4; 
}
table.bordo_decor{  
border:1px solid #a6936e;
text-align:center;
background-image: url('images/penelope_mini_sfondo_natale_1.jpg');
font-family : "Palatino Linotype";
color : #4c412c; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.oro{  
border:1px solid #a6936e;
text-align:center;
background-image: url('images/03goldbkgd.jpg');
font-family : "Palatino Linotype";
color : #4c412c; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
td.cornice{  
border:1px solid #a6936e;
text-align:center;
background-image: url('images/penelope_sfondo_table_pic.jpg');
font-family : "Palatino Linotype";
padding:10px;
color : #4c412c; 
font-size : 12px
}
td.sfondo{  
border:1px solid #a6936e;
text-align:center;
background-image: url('images/penelope_sfondo_table3.jpg');
font-family : "Palatino Linotype";
color : #4c412c; 
font-size : 12px
}
table.invisibile{  
border:0px;
text-align:center;
font-family : "Palatino Linotype"; 
color : #4c412c; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
td.colonna{  
border-left:1px dotted #a6936e;
text-align:center;
font-family : "Palatino Linotype";
color : #4c412c; 
font-size : 12px;
}
table.menu{  
border:2px solid #a6936e;
text-align:center;
background-image: url('images/penelope_sfondo_natale_1pic.jpg');
font-family : "Palatino Linotype";
color : #4c412c; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
td.menu{  
border:1px solid #a6936e;
background-color: #d9d3c3;
text-align:left;
font-family : "Palatino Linotype";
color : #4c412c; 
font-size : 12px;
}
td.menu_center{  
border:1px solid #a6936e;
background-color: #d9d3c3;
text-align:center;
font-family : "Palatino Linotype";
color : #4c412c; 
font-size : 12px;
}
textarea.code {
border: #a6936e 1px dotted;
}
div#box {
position: absolute;
border:0 none;
width: 163px; 
height: 163px;
text-align:center;
font-family : "Palatino Linotype";
color : #4c412c; 
font-size : 12px;
left: 243px; 
top: 134px;
}
img { border: 0; 
}
</style>

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

</head>

<body>
<!-- Inizio box immy -->
<div id="box">
Qui puoi scrivere una frase<br>
un benvenuto... o una poesia<br>
</div><!-- Fine box immy -->

<table class="bordo_decor" cellpadding="0" cellspacing="20" width="1000">
 <tr>
	<td><table class="oro" cellpadding="0" cellspacing="3" width="100%">
 <tr>
	<td class="cornice"><table class="oro" cellpadding="0" cellspacing="1" width="100%">
 <tr>
	<td class="sfondo" height="700" valign="top"><img src="images/penelope_christmas_oro_titolo.png" width="908" height="357" alt=""><br>
<table class="invisibile" cellpadding="0" cellspacing="0"  width="98%">
 <tr>
	<td colspan="2">
<table class="oro" cellpadding="0" cellspacing="1" width="100%">
 <tr>
	<td class="sfondo"><!-- Table barra link -->
<table class="invisibile" cellpadding="2" cellspacing="2" width="700">
 <tr>
	<td><a href="#">Link</a></td>
	<td><a href="#">Link</a></td>
	<td><a href="#">Link</a></td>
	<td><a href="#">Link</a></td>
	<td><a href="#">Link</a></td>
 </tr>
</table><!-- Table barra link --></td>
 </tr>
 </table><br></td>
 </tr>
 <tr>
	<td width="620" valign="top"><!-- Inizio corpo pagina -->
<h1>Titolo sito...</h1>
Qui si pu scrivere una frase di benvenuto, descrizione del sito... ecc.. ecc..<br><br>

<!-- Table cbox o news del sito-->
<table class="menu" cellpadding="3" cellspacing="15" width="550">
 <tr>
	<td class="menu_center" valign="top">
	Puoi utilizzare questa table per la Cbox &quot;salutini&quot; o per le news del sito^^<br>
	Trovi spiegazioni dettagliate in:
	<a target="_blank" href="https://www.iltelaiodipenelope.it/tutorial/html/cbox.php">Tutorial Cbox</a><br><br>
	<div style="width:500px; height:150px; overflow-y: scroll">
    Se utilizzi questa table per le news, puoi inserire lo scroll<br> 
    per scrivere quanto vuoi e occupare poco spazio ^_^<br><br>
    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...<br>
    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...<br>
    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...<br>
    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...<br>
    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...<br>
    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...<br>
    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...<br>
    Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui... Scrivi qui...<br>
    </div></td>
	</tr>
	</table><!-- Table cbox o news del sito--><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>
	
<img src="images/penelope_alberi.png" width="587" height="155" alt="Buone feste!"> 			
<!-- Fine corpo pagina --></td>
   <td class="colonna" width="280" valign="top" height="500"><!-- Inizio colonna -->
   
<h2>:: Menu ::</h2>
<table class="menu" cellpadding="3" cellspacing="15" width="200">
 <tr>
   <td class="menu">
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a><br>
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a><br>
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a><br>
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a><br>
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a><br>
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a></td>
 </tr>
</table><br>
<img src="images/penelope_stellex.png" width="204" height="35" alt="">
	
<h2>:: Menu ::</h2>
<table class="menu" cellpadding="3" cellspacing="15" width="200">
 <tr>
   <td class="menu">
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a><br>
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a><br>
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a><br>
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a><br>
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a><br>
<img src="images/1901.gif" width="9" height="9" alt=""> <a href="#">Link</a></td>
 </tr>
</table><br>
	
<h2>:: Gadget ::</h2><br>
	
<h2>:: Gadget ::</h2><br>
	
<h2>:: LinkMe ::</h2>
<img src="images/Penelope_base_banner_oro.jpg" width="88" height="31" alt=""><br><br>
<textarea class="code" onmouseover="this.select()" cols="8" rows="1">Scrivi qui il codice completo per linkare il tuo spazio
</textarea><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>
 <tr>
	<td colspan="2"><br><table class="oro" cellpadding="0" cellspacing="1" width="100%">
 <tr>
	<td class="sfondo" height="25">|| <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><br></td>
 </tr>
</table></td>
 </tr>
</table></td>
 </tr>
</table></td>
 </tr>
</table>

</body>

</html>