﻿<!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>Fiori...</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/retro_3.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-position:  center;
text-align:center;
}
h1,h2,h3{margin: 0; color: #5c3b0e}
h1{margin: 0;font-size:120%}
h2{margin-bottom: 8px;font-size: 110%;text-align:center;}
h3{margin-bottom: 3px;font-size: 230%;font-style: oblique;text-align:center;}

.nome_sito {
text-align:center;
font-family: "Geneva"; 
font-size: 22px; 
color : #5c3b0e;
font-weight: bold; 
margin: 0px;
}

a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Geneva"; 
font-size: 14px;
color:#925f4e; 
}
a:visited { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Geneva"; 
font-size: 14px;
color:#a74929; 
}
a:hover {
text-decoration: line-through; 
color: #49360b;
}
a:active { 
font-family: Geneva; 
font-size: 14px; 
color: #f5e5b1; 
}
#contenitore {
border: 1px solid #5c3b0e;
background-image: url('images/retro_trasparent_1.png');
width:970px;
padding:20px;
margin-left:auto;
margin-right:auto
}
#logo{
float:center;
background-image: url('images/img_fiori_tag_header.png');
width:838px;
height:289px;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto
}
#box_titolo{
border: 0px;
text-align:center;
}
#minitag{
border: 0px;
text-align:center;
font-family : "Geneva"; 
color : #5c3b0e; 
font-size : 12px;
}
table.base{  
border:0px;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #5c3b0e; 
margin-left:auto;
margin-right:auto
}
table.bordo{  
border:1px dotted #5c3b0e;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #5c3b0e;
margin-left:auto;
margin-right:auto;
}
td.pager {  
border:5px solid #6f4919;
background-color:#eadfc1;
text-align:center;
font-family : "Geneva"; 
color : #5c3b0e; 
font-size : 14px;
}
td.colonna {  
border: 1px solid #5c3b0e;
background-color: #e0d1ac;
text-align:center;
font-family : "Geneva"; 
color : #5c3b0e; 
font-size : 14px;
}
td.testo_news {  
border: 0px;
text-align:left;
font-family : "Geneva"; 
color : #5c3b0e; 
font-size : 14px;
}
td.footer {  
border: 1px solid #5c3b0e;
background-color: #eadfc1;
text-align:center;
font-family : "Geneva"; 
color : #5c3b0e; 
font-size : 14px;
}
td.border_right {  
border-right: 1px solid #5c3b0e;
text-align:center;
font-family : "Geneva"; 
color : #5c3b0e; 
font-size : 14px;
}
td.bordo_dotted {  
border: 1px dotted #5c3b0e;
text-align:center;
font-family : "Geneva"; 
color : #5c3b0e; 
font-size : 14px;
}
td.menu_link {  
border:1px dotted #5c3b0e;
text-align:left;
font-family : "Geneva"; 
color : #37311d; 
font-size : 14px;
}
td.hover{
border:1px dotted #5c3b0e;
background-color: #d5c6a1;
text-align:left;
cursor : nw-resize;
}
td.out{
border:1px dotted #5c3b0e;
background-color: #e0d1ac;
text-align:left;
}  
</style>

<script type="text/javascript">
<!-- Original: Andrea Bianchi
// Web Site: https://www.web-link.it
function WebDate() {
var now = new Date();
var year= now.getYear();if (year < 1000) year += 1900;
nameDay = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato');
nameMth = new Array('01','02','03','04','05', '06', '07', '08', '09', '10', '11','12');
document.write('' +nameDay[now.getDay()]+ ' ' + now.getDate() + "/" + nameMth[now.getMonth()] + "/" + year+ '');
}
// end -->
</script>

</head>

<body>
<div id="contenitore">

<div id="logo">
<div style="position: absolute; padding-top: 20px;width: 584px; height: 133px; z-index: 1; left: 266px; top: 114px" id="box_titolo">
<p class="nome_sito">Nome sito</p> 
<h2>.: Scrivi qui una frase che ti piace o<br> 
che faccia capire subito i contenuti del tuo spazio...</h2></div>

<div style="position: absolute; width: 77px; height: 92px; z-index: 2; left: 930px; top: 162px" id="minitag">
Minitag x gif o parole...</div>
</div>

<table class="base" cellpadding="4" cellspacing="10" width="100%">
 <tr>
	<td class="pager" width="68%" valign="top"><!-- Inizio spazio corpo/pagina -->
<h1>Nome sito...</h1>
<h2>Breve descrizione e/o frase di benvenuto...</h2><br>
	
<h2>..:: News e aggiornamenti...</h2>
<img border="0" src="images/img_fioribarra_2.png" width="525" height="72" alt="">
<table class="base" cellpadding="4" cellspacing="4" width="550">
 <tr>
	<td class="bordo_dotted" width="142"><img border="0" src="images/fiori_dama_ortega.png" width="142" height="250" alt=""></td>
	<td class="testo_news"><div style="width:380px; height:250px; overflow-y: scroll"><!-- Inizio testo news -->
	News... 00/00/00<br>
	Testo testo testo testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo testo testo testo<br><br>
	News... 00/00/00<br>
	Testo testo testo testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo testo testo testo<br><br>
	News... 00/00/00<br>
	Testo testo testo testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo testo testo testo<br><br>
	News... 00/00/00<br>
	Testo testo testo testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo testo testo testo<br><br>
	News... 00/00/00<br>
	Testo testo testo testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo testo testo testo<br>
	testo testo testo testo testo testo testo testo testo testo testo
	<!-- Fine testo news --></div></td>
 </tr>
</table>
<img border="0" src="images/img_fioribarra_2.png" width="525" height="72" alt=""><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 vuoi realizzare.<br>
Puoi utilizzare lo spazio corpo/pagina per un iframe in cui far visualizzare tutte le altre pagine del sito<br><br>

Per il testo del nome e dei menu puoi utilizzare un font decorativo, leggi questo tutorial <a target="_blank" href="https://www.iltelaiodipenelope.it/tutorial/html/font_personalizzato_sito.php">Font personalizzato</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 spazio corpo/pagina --></td>
 <td class="colonna" width="27%" valign="top"><!-- Inizio spazio colonna -->
<!-- Inizio datario --> 
<script type="text/javascript">
// Autore sconosciuto
// Spiegato e commentato da https://www.iltelaiodipenelope.it/tutorial/index.php

var saluto = new Date();
var orario = saluto.getHours();

// Saluto dalle 6 am alle 12
if ((orario > 06) && (orario <= 12)) {
document.write("...Buon giorno!");
}
// Saluto dalle 12 alle 18
if ((orario > 12) && (orario <= 18)) {
document.write("...Buon pomeriggio!");
}
// Saluto dalle 18 alle 24
if ((orario > 18) && (orario <= 24)) {
document.write("...Buona sera!");
}
// Saluto dalle 24 alle 6 am
if ((orario >= 00) && (orario <= 06)) {
document.write("...Buona notte!");
}
</script><br>
<script type="text/javascript">WebDate(); </script><br>
<script type="text/javascript" language="JavaScript">
// Autore sconosciuto - Spiegato da https://www.iltelaiodipenelope.it/tutorial/index.php
function tS(){ x=new Date(); x.setTime(x.getTime()); return x; } 
function lZ(x){ return (x>9)?x:'0'+x; }
function tH(x){ if(x==0){ x=24; } return (x>24)?x-=24:x; }
function dT(){ if(fr==0){ fr=1; document.write('<span id="tP">'+eval(oT)+'<\/b><\/span>'); } tP.innerText=eval(oT); setTimeout('dT()',1000); }
var fr=0,oT="lZ(tH(tS().getHours()))+':'+lZ(tS().getMinutes())+':'+lZ(tS().getSeconds())";</script>
H:. <script type="text/javascript" language="JavaScript">dT();</script>
<!-- Fine datario --><br>
<img border="0" src="images/img_fioribarra_1.png" width="160" height="59" alt=""><br><br>

<!-- Inizio tabella menu 1 -->
•°o.Menu... 
<table class="base" cellpadding="3" cellspacing="3" width="180">
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 </table><!-- Fine tabella menu 1 --><br>
	
- Spazio accessorio/gadget<br><br>

- Spazio accessorio/gadget<br><br><br>

<!-- Inizio tabella menu 2 -->
•°o.Menu... 
<table class="base" cellpadding="3" cellspacing="3" width="180">
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 <tr>
	<td class="menu_link" onmouseover="this.className = 'hover'" onmouseout="this.className = 'out'"><a target="_blank" href="#">* Link ::..</a></td>
 </tr>
 </table><!-- Fine tabella menu 2 --><br> 
 
<!-- Stagioni - Penelope -->
<iframe src="https://www.iltelaiodipenelope.it/gadget/stagioni/vintage/flowers.htm" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="125" height="190" allowtransparency="true"></iframe>
<!-- Stagioni - Penelope --><br><br>  

- Spazio accessorio/gadget<br><br>

- Spazio accessorio/gadget<br><br> 

<!--  Credits Penelope - Non rimuovere grazie -->
<a target="_blank" href="https://www.iltelaiodipenelope.it/template/index.php">WebSet Penelope &#9829;</a><br><br>
<!--  Credits Penelope - Non rimuovere grazie --> 
 		
<!-- Fine spazio colonna --></td>
 </tr>
 <tr>
	<td class="footer" colspan="2"><!-- Inizio spazio footer -->* Qui c'è una table con tre celle che crescono in base ai contenuti, se preferisci puoi eliminarla e lasciare solo le info sito/copyright<br><br> 
<!-- Inizio table link/counter -->
<table class="base" cellpadding="2" cellspacing="2" width="902">
 <tr>
	<td class="border_right" width="300" valign="top"><h2>Link siti...</h2>
	Inserisci qui dei link di spazi che<br> ti piacciono o di amici</td>
	<td class="border_right" width="300" valign="top"><h2>Spazio bottoni share</h2>
	Inserisci qui i bottoni o<br> i link per la condivisione</td>
	<td width="300" valign="top"><h2>Spazio counter</h2>
	Inserisci qui il contatore visite</td>
 </tr>
</table><br><br><!-- Fine table link/counter -->

<!-- Inizio 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 info sito/copyright --><!-- Fine spazio footer --></td>
 </tr>
</table>
</div>

</body>

</html>