<!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>Dolly</title>
<meta name="title" content="Titolo sito">
<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/penelope_dolly_sfondo.jpg');
text-align:center;
font-family : "Tahoma"; 
color : #6a5c42; 
font-size : 12px;
margin-top: 0px
}
h1,h2{color: #6a5c42;}
h1{margin: 0;font-size:120%}
h2{margin: 0;font-size: 110%}

a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Tahoma"; 
font-size: 12px;
color:#878043; 
}
a:visited { 
text-decoration:none; 
cursor:nw-resize;
font-family: "Tahoma"; 
font-size: 12px;
color:#bfcfdc; 
}
a:hover {
text-decoration: line-through; 
color: #c5a363;
}
a:active { 
font-family: "Tahoma"; 
font-size: 12px; 
color: #e27878; 
}
div#header {
border:0 none;
background-image: url('images/penelope_dolly_top.jpg');
text-align:center;
margin-left:auto;      
margin-right:auto;
width: 962px;
height:343px;
padding-top:0px
}
div#corpo {
border: 0px none;
background-image: url('images/penelope_dolly_body.jpg');
text-align:center;
font-family : "Tahoma"; 
color : #6a5c42; 
font-size : 12px;
margin-left:auto;      
margin-right:auto;
width: 962px
}
div#footer {
border: 0px none;
background-image: url('images/penelope_dolly_footer.jpg');
text-align:center;
font-family : "Tahoma"; 
color : #6a5c42; 
font-size : 12px;
margin-left:auto;      
margin-right:auto;
width: 962px;
height:185px
}
div#scritta {
position: absolute; 
width: 490px; 
height: 46px;
border: 0px none;
text-align:center;
font-family : "Tahoma"; 
color : #2e170c; 
font-size : 12px;
margin-left:auto;      
margin-right:auto;
}
table.base{  
border:0px;
text-align:center;
font-family : "Tahoma"; 
color : #6a5c42; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.base_left{  
border:0px;
text-align:left;
font-family : "Tahoma"; 
color : #6a5c42; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.sfondo_cuori{  
border:1px solid #bba67d;
background-image: url('images/penelope_dolly_sfondo_cuori.jpg');
margin-left:auto;
margin-right:auto
}
table.cbox{  
border:0px none;
background-image: url('images/penelope_dolly_tag_salutini.png');
width: 545px;
height:319px;
text-align:center;
font-family : "Tahoma"; 
color : #6a5c42; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
table.menu{  
border:0px none;
background-image: url('images/penelope_dolly_tag_menu.png');
width: 208px;
height:81px;
text-align:center;
font-family : "Tahoma"; 
color : #6a5c42; 
font-size : 12px;
padding-top: 28px;
margin-left:auto;
margin-right:auto
}
table.bordo{  
border:1px dotted #a6936e;
text-align:left;
font-family : "Tahoma"; 
color : #6a5c42; 
font-size : 12px;
margin-left:auto;
margin-right:auto
}
td.sfondo_colore{  
border:1px dotted #a6936e;
background-color: #f6eede;
text-align:left;
font-family : "Tahoma"; 
color : #6a5c42; 
font-size : 12px
}
td.colonna{  
border-left:1px dotted #a6936e;
text-align:center;
font-family : "Tahoma"; 
color : #6a5c42; 
font-size : 12px
}
td.testo_left{  
border:0px;
text-align:left;
font-family : "Tahoma"; 
color : #6a5c42; 
font-size : 12px
}
td.hover{
border:0px;
background-color: #f6efd4;
text-align:left;
cursor : nw-resize;
}
td.out{
border:0px;
text-align:left;
}  
</style>

</head>

<body>

<div id="header"><!-- Inizio messaggio immy -->
<div style="left: 528px; top: 264px; position:absolute" 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="98%">
 <tr>
	<td width="640" 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_cuori" cellpadding="2" cellspacing="15" width="520">
 <tr>
	<td class="sfondo_colore">
	<table class="base" cellpadding="2" cellspacing="2" width="100%">
	<tr>
		<td width="43%"><img border="0" src="images/penelope_dolly_news_scrittina.png" width="209" height="100" alt=""></td>
		<td width="54%">Un po' di spazio per scrivere delle info<br> che rimangono fisse qui in alto nella table<br><br>
		<marquee style="text-align:center; font-family:Geneva; font-size: 12px; color: #598fa7" direction="left" scrollAmount="3" scrolldelay="2" height="25" width="90%">
        <img border="0" src="images/1899.gif" width="10" height="9"> Si pu aggiungere un messaggino con immagini e/o scritte che camminano...
        </marquee></td>
	</tr>
	<tr>
		<td class="testo_left" colspan="2"><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 -->
<table class="cbox" cellpadding="0" cellspacing="0">
	<tr>
		<td valign="top">
		<table class="base" cellpadding="2" cellspacing="2" width="537">
	<tr>
		<td width="10" rowspan="2">&nbsp;</td>
		<td width="460" height="90"></td>
		<td width="47" height="90">&nbsp;</td>
	</tr>
	<tr>
		<td width="460" height="195">Inserisci qui il codice della tua Cbox,<br> 
		imposta le misure width (larghezza) a 440<br> 
		e height (altezza) a 195</td>
		<td width="47">&nbsp;</td>
	</tr>
	</table></td>
	</tr>
</table>
<!-- Fine Tag Cbox --><br><br>

<h1>Grazie della visita...</h1>	
<img border="0" src="images/penelope_dolly_scrittina_ciao.png" width="271" height="79" alt=""><br><br>

<!-- Fine spazio corpo pagina --></td>
	<td class="colonna" width="280" valign="top"><!-- Inizio spazio colonna -->

<!-- Datario nuvoletta -->
<iframe src="https://www.iltelaiodipenelope.it/template/webset_free/primavera/datario_dolly.htm" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="220" height="172"></iframe>
<!-- Datario nuvoletta --><br><br>
		
<!-- 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>
<img border="0" src="images/penelope_dolly_barretta_cuori.png" width="230" height="20" alt=""><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="210">
 <tr>
	<td><table class="base_left" cellpadding="2" cellspacing="4" width="100%">
		<tr>
		 <td style="border-bottom:1px dotted #a6936e;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
		 <a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #a6936e;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #a6936e;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #a6936e;" 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 -->
<img border="0" src="images/penelope_dolly_barretta_cuori.png" width="230" height="20" alt=""><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="210">
 <tr>
	<td><table class="base_left" cellpadding="2" cellspacing="4" width="100%">
		<tr>
		 <td style="border-bottom:1px dotted #a6936e;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
		 <a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #a6936e;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #a6936e;" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'">
			<a target="_blank" href="#">* Link ::..</a></td>
		 </tr>
		 <tr>
			<td style="border-bottom:1px dotted #a6936e;" 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 -->
<img border="0" src="images/penelope_dolly_barretta_cuori.png" width="230" height="20" alt=""><br><br>

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

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

<img border="0" src="images/penelope_dolly_barretta_cuori.png" width="230" height="20" alt=""><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 colonna --></td>
 </tr>
</table>
</div>

<div id="footer">
<table class="base" cellpadding="2" cellspacing="2" width="98%">
	<tr>
		<td height="170"><!-- Inizio spazio footer -->
<!-- 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 -->
<!-- Fine spazio footer --></td>
	</tr>
	</table>
</div>

</body>

</html>