<!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>Littlestar azzurro</title>
<meta name="title" content="Nome 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/wall_check018_011.gif');
text-align:center;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
margin-top:0px
}
h1,h2{color: #7badc3}
h1{margin: 0px; font-size:130%}
h2{margin: 0px; font-size: 110%}

a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Geneva"; 
font-size: 14px;
color:#8cd2f0; 
}
a:visited { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Geneva"; 
font-size: 14px;
color:#9ac2d8; 
}
a:hover {
text-decoration: line-through; 
color: #d67287;
}
table.decor_blue{  
border: 2px solid #7badc3;
background-color: #e4f0f6;
text-align:center;
margin-left:auto;
margin-right:auto;
}
td.decor_blue{  
border: 1px dotted #7badc3;
text-align:center;
}
div#tag_logo {
background-image: url('images/littlestar_star.jpg');
width: 997px;
height:504px;
margin-left:auto;      
margin-right:auto
}
div#tag_star {
background-image: url('images/littlestar_tagstar.png');
position: absolute;
text-align:center;
font-family : "Geneva"; 
color : #598fa7; 
font-size : 14px;
width: 502px;
height:210px;
left: 180px; 
top: 235px;
}
div#page{
background-color: #ffffff;
text-align:center;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
margin-left:auto;      
margin-right:auto;
width: 997px;
}
table.base{  
border:0px;
text-align:center;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
margin-left:auto;
margin-right:auto;
}
table.bordo_solid{  
border:1px solid #b1def3;
text-align:left;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
margin-left:auto;
margin-right:auto;
}
td.bordo_up_down{ 
border-top: 1px dotted #7badc3; 
border-bottom: 1px dotted #7badc3;
text-align:center;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
}
td.bordo_left_right{ 
border-left: 1px solid #b1def3; 
border-right: 1px solid #b1def3;
text-align:center;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
}
td.bordo_right{  
border-right: 1px dotted #7badc3;
text-align:center;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
}
td.bordo_left{  
border-left: 1px dotted #7badc3;
text-align:center;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
}
td.top_menu{
background-image: url('images/barrettamenuaz.png');
border: 0px none;
text-align:center;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
width: 161px;
height:41px;
}
td.down_menu{
background-image: url('images/barrettamenufooteraz.png');
border: 0px none;
text-align:center;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
width: 161px;
height:34px;
}
td.hover{
background-color: #e8f8fc;
border-top: 1px dotted #7badc3; 
border-bottom: 1px dotted #7badc3;
text-align:left;
cursor : nw-resize;
}
td.out{
background-color: #ffffff;
text-align:left;
} 
td.testo_left{  
border 0px;
text-align:left;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
}
td.footer{
border-top: 1px dotted #7badc3;
text-align:center;
font-family : "Geneva"; 
color : #7badc3; 
font-size : 14px;
}
textarea.banner {
border: 1px dotted #b1def3;
}
</style>

</head>

<body>
<table class="decor_blue" cellpadding="0" cellspacing="15" width="1000">
 <tr>
	<td class="decor_blue"><div id="tag_logo">
<div id="tag_star"><!-- Inizio spazio testo tag trasparente --><br><br>
Puoi utilizzare questa tag per scrivere del testo,<br>
frasi, poesie, puoi inserire degli script, tutto quello che ti vuoi...<br>
 visibile tramite un contenitore div per cui se non ti serve la puoi eliminare<br><br>
<marquee style="text-align:center; font-family:Geneva; font-size: 14px; color: #598fa7" direction="left" scrollAmount="3" scrolldelay="2" height="25" width="90%">
<img border="0" src="images/stellina.gif" width="20" height="20"> come ad esempio immagini e/o scritte che camminano...
</marquee><!-- Fine spazio testo tag trasparente --></div></div>

	<div id="page"><!-- Inizio spazio corpo -->
<table class="base" cellpadding="2" cellspacing="2" width="99%">
 <tr>
	<td colspan="3"><h1>SCRIVI QUI IL NOME DEL SITO</h1>
		Qui scrivi una piccola presentazione del sito, un saluto o una frase che ti piace...<br><br></td>
 </tr>
 <tr>
	<td class="bordo_up_down" colspan="3" height="40"><!-- Inizio spazio barra link -->
<table class="base" cellpadding="2" cellspacing="2" width="70%">
<tr>
	<td><img border="0" src="images/2297.gif" width="17" height="13" alt=""> <a target="_blank" href="#">LINK</a></td>
	<td><img border="0" src="images/2297.gif" width="17" height="13" alt=""> <a target="_blank" href="#">LINK</a></td>
	<td><img border="0" src="images/2297.gif" width="17" height="13" alt=""> <a target="_blank" href="#">LINK</a></td>
	<td><img border="0" src="images/2297.gif" width="17" height="13" alt=""> <a target="_blank" href="#">LINK</a></td>
	<td><img border="0" src="images/2297.gif" width="17" height="13" alt=""> <a target="_blank" href="#">LINK</a></td>
</tr>
</table><!-- Fine spazio barra link --></td>
 </tr>
 <tr>
	<td class="bordo_right" width="20%" valign="top"><!-- Inizio spazio colonna SX-->
SPAZIO COLONNA SX<br><br>
**************<br><br>

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


.: LINK ME...<br><br>
<img border="0" src="images/banner-staraz.png" width="88" height="31" alt=""><br><br>
<textarea class="banner" cols="6" rows="1"><a target="_blank" href="https://URL TUO SITO">
<img src="URL BANNER" border="0" alt="SCRIVI CIO CHE VUOI"></a></textarea><br><br>

<!-- Inizio table menu-->
<table class="base" cellpadding="0" cellspacing="0">
 <tr>
	<td class="top_menu">&nbsp;</td>
   </tr>
   <tr>
	<td><table class="bordo_solid" cellpadding="2" cellspacing="2" width="97%">
		<tr>
			<td 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>
		<tr>
			<td 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>
		<tr>
			<td onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
		</tr>
		</table></td>
   </tr>
 <tr>
  <td class="down_menu">&nbsp;</td>
 </tr>
</table><!-- fine table menu--><br><br>

|| SPAZIO GADGET ||<br><br>
	    
|| SPAZIO GADGET ||<br><br>
	    
<!-- Fine spazio colonna SX--></td>
	<td valign="top"><!-- Inizio spazio corpo pagina -->
// CONTENUTI SPAZIO HOME //<br><br>

<!-- Inizio table news -->
<table class="bordo_solid" cellpadding="2" cellspacing="2" width="500">
 <tr>
	<td width="155"><img border="0" src="images/img_little_2x.jpg" width="150" height="93" alt="News"></td>
	<td class="testo_left"><div style="width:345px; height:120px; overflow-y: scroll">
<!-- Inizio spazio scrivi news -->
- 00/00/00/-<br>
Aggiornata sezione info.... info... info.... info... info....<br><br>

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

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

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

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

- 00/00/00/-<br>
Aggiornata sezione info.... info... info.... info... info....<br><br>
		
<!-- Fine spazio scrivi news --></div></td>
 </tr>
</table>
<!-- Fine table news --><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>

<!-- Fine spazio corpo pagina --></td>
	<td class="bordo_left" width="20%" valign="top"><!-- Inizio spazio colonna DX-->
SPAZIO COLONNA DX<br><br>
**************<br><br>

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

<!-- Inizio table menu-->
<table class="base" cellpadding="0" cellspacing="0">
 <tr>
	<td class="top_menu">&nbsp;</td>
   </tr>
   <tr>
	<td><table class="bordo_solid" cellpadding="2" cellspacing="2" width="97%">
		<tr>
			<td 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>
		<tr>
			<td 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>
		<tr>
			<td onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
		</tr>
		</table></td>
   </tr>
 <tr>
  <td class="down_menu">&nbsp;</td>
 </tr>
</table><!-- fine table menu--><br><br>
				
|| SPAZIO GADGET ||<br><br>

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

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

<!-- Fine spazio colonna DX--></td>
 </tr>
 <tr>
	<td class="footer" colspan="3" height="50"><!-- Inizio spazio info sito/copyright -->
&#3297; Nome sito <script type="text/javascript">
// Script Calcolo Tempo Trascorso Penelope - https://www.iltelaiodipenelope.it
 var dataIniziale = new Date('2024-5-15'); // Imposta qui la data 
 var dataAttuale = new Date();

 function differenzaDate(inizio, fine) {
    var anni = fine.getFullYear() - inizio.getFullYear();
    var mesi = fine.getMonth() - inizio.getMonth();
    var giorni = fine.getDate() - inizio.getDate();

    if (mesi < 0 || (mesi === 0 && fine.getDate() < inizio.getDate())) {
        anni--;
        mesi += 12;
     }

    if (giorni < 0) {
        var ultimoGiornoMesePrecedente = new Date(fine.getFullYear(), fine.getMonth(), 0).getDate();
        giorni = ultimoGiornoMesePrecedente - inizio.getDate() + fine.getDate();
        mesi--;
     }

      return { anni: anni, mesi: mesi, giorni: giorni };
  }

  var differenza = differenzaDate(dataIniziale, dataAttuale);
  
document.write("online da... " + differenza.anni + " anni, " + differenza.mesi + " mesi e " + differenza.giorni + " giorni");
</script><br>
<script type="text/javascript">
copyright=new Date();
update=copyright.getFullYear();
document.write("Copyright  2024 - "+ update + " - Nome Autore - Tutti i diritti riservati.");
</script><!-- Fine spazio info sito/copyright --></td>
 </tr>
</table></div></td>
 </tr>
</table>

</body>

</html>