<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Cani &amp; Gatti</title>

<link rel="stylesheet" type="text/css" href="http://www.iltelaiodipenelope.it/fare_un_sito/sito_in_grafica/esempi/style.css">
<link rel="stylesheet" type="text/css" href="http://www.iltelaiodipenelope.it/fare_un_sito/sito_in_grafica/esempi/tabs.css">
<link rel="shortcut icon" type="image/x-icon" href="http://www.iltelaiodipenelope.it/accessoripagina/favicon/favicon_orma.ico">

<script type="text/javascript" src="http://www.iltelaiodipenelope.it/fare_un_sito/sito_in_grafica/esempi/tabs.js">
/***********************************************
* Tab Content script v2.2- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>


<script language="JavaScript" type="text/javascript">
// Prelevato su http://www.web-link.it
// autore Andrea Bianchi
<!--
function frase() {
web=new Array()
web[1]="Le donne ed i gatti faranno ciò che vogliono, gli uomini<br> e i cani dovrebbero rilassarsi ed abituarsi all'idea...<br>R. A. Heinlein"
web[2]="Se raccogliete un cane affamato e lo nutrirete non vi morderà.<br> Ecco la differenza tra l'uomo ed il cane...<br>Mark Twain"
web[3]="Chi non ha mai posseduto un cane,<br> non può sapere che cosa significhi essere amato...<br>Schopenhauer"
web[4]="Se un gatto fa qualche cosa si dice che è per istinto, se noi<br> facciamo la stessa cosa, la definiamo intelligenza...<br>Will Cuppy"
web[5]="Un cane è la sola cosa su questa terra<br> che vi ami più di quanto non ami se stesso...<br>Lindsay"
web[6]="D'accordo, i gatti tiranneggiano, strumentalizzano, condizionano i loro padroni, ma in cambio offrono impagabili lezioni di saggezza...<br>Julia Bachstein"
web[7]="La fedeltà di un cane è un dono prezioso che impone obblighi morali<br> non meno impegnativi dell'amicizia con una creatura umana...<br>K. Lorenz"
x=Math.ceil(7*Math.random())
document.write(''+web[x]+'') }
// -->
</script>
</head>

<body>

<div id="header">

<div style="position: absolute; width: 411px; height: 100px; z-index: 1; left:695px; top:19px" id="livello1">
<h2>Benvenuti su "Cani &amp; Gatti"<br>
spazio dedicato alla scelta e la cura<br> di queste meravigliose creature...</h2><br>
<em><script language="JavaScript" type="text/javascript">
<!--
frase();
//-->
</script></em></div>

<div style="position: absolute; width: 219px; height: 100px; z-index: 1; left: 874px; top: 162px" id="livello2">
<h2>Follow Me...</h2>
<a href="#"><img border="0" src="images/Facebook.png" width="64" height="64" alt="Facebook"></a>
<a href="#"><img border="0" src="images/Twitter.png" width="64" height="64" alt="Twitter"></a>
<a href="#"><img border="0" src="images/RSS.png" width="64" height="64" alt="Feed RSS"></a>
</div>
</div>

<div id="corpo">
<table class="base" cellpadding="0" cellspacing="0" width="96%">
<tr>
<td width="10">&nbsp;</td>
<td valign="top"><!-- Inizio body -->

<!-- Menu barra -->
<ul class="semiopaquemenu">
<li><a href="#" class="selected">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Contatti</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Gallery</a></li>
</ul>
<div class="bottombar"></div>
<!-- Menu barra -->
<br>

<!-- Inizio box info -->
<table class="base" cellpadding="4" cellspacing="4" width="639">
<tr>
<td class="bordo_bottom">
<img class="images" border="0" src="images/chic1.jpg" width="127" height="100" alt="" align="left">
<h2>Chihuahua</h2>
info info info info info info info info info info info info info info info info info info<br>
info info info info info info info info info info info info info info info info info info<br>
info info info info info info info info info info info info info info info info info info<br>
info info info info info info info info info info info info info info info info info info</td>
</tr>
<tr>
<td class="bordo_bottom">
<img class="images" border="0" src="images/chic2.jpg" width="127" height="100" alt="" align="left">
<h2> Beagle</h2>
info info info info info info info info info info info info info info info info info info<br>
info info info info info info info info info info info info info info info info info info<br>
info info info info info info info info info info info info info info info info info info<br>
info info info info info info info info info info info info info info info info info info</td>
</tr>
<tr>
<td class="bordo_bottom">
<img class="images" border="0" src="images/chic3.jpg" width="127" height="100" alt="" align="left">
<h2>Siamese</h2>
info info info info info info info info info info info info info info info info info info<br>
info info info info info info info info info info info info info info info info info info<br>
info info info info info info info info info info info info info info info info info info<br>
info info info info info info info info info info info info info info info info info info</td>
</tr>
</table>
<!-- Fine box info -->

<!-- Fine body --></td>
<td width="7">&nbsp;</td>
<td width="273" valign="top"><!-- Inizio colonna -->

<!-- Menu -->
<div class="markermenu">
<ul>
<li><a href="#">Razze</a></li>
<li><a href="#">Cuccioli</a></li>
<li><a href="#">Vaccinazioni</a></li>
<li><a href="#">Alimentazione</a></li>
<li><a href="#">Allevamenti</a></li>
<li><a href="#">Vacanze</a></li>
</ul>
</div>
<!-- Menu -->
<br><br>

<!-- Box info colonna -->
<ul id="countrytabs" class="shadetabs">
<li><a href="#" rel="country1" class="selected">Popular</a></li>
<li><a href="#" rel="country2">Commenti</a></li>
<li><a href="#" rel="country3">Tag</a></li>
</ul>

<div style="border:1px solid #8a3818; text-align:left; width:200px; margin-left: auto; margin-right: auto; margin-bottom: 1em; padding: 8px">

<div id="country1" class="tabcontent">
- Scrivo scrivo scrivo scrivo scrivo<br>
- Scrivo scrivo scrivo scrivo scrivo<br>
- Scrivo scrivo scrivo scrivo scrivo<br>
- Scrivo scrivo scrivo scrivo scrivo<br>
- Scrivo scrivo scrivo scrivo scrivo<br>
</div>

<div id="country2" class="tabcontent">
* Scrivo scrivo scrivo scrivo scrivo<br>
* Scrivo scrivo scrivo scrivo scrivo<br>
* Scrivo scrivo scrivo scrivo scrivo<br>
* Scrivo scrivo scrivo scrivo scrivo<br>
* Scrivo scrivo scrivo scrivo scrivo<br>
</div>

<div id="country3" class="tabcontent">
# Scrivo scrivo scrivo scrivo scrivo<br>
# Scrivo scrivo scrivo scrivo scrivo<br>
# Scrivo scrivo scrivo scrivo scrivo<br>
# Scrivo scrivo scrivo scrivo scrivo<br>
# Scrivo scrivo scrivo scrivo scrivo<br>
</div>
</div>

<script type="text/javascript">
var countries=new ddtabcontent("countrytabs")
countries.setpersist(true)
countries.setselectedClassTarget("link") //"link" or "linkparent"
countries.init()
</script>
<!-- Box info colonna -->
<br>

Pagina visitata da
<script type="text/javascript" src="http://fastwebcounter.com/secure.php?s=http://www.iltelaiodipenelope.it/fare_un_sito/sito_in_grafica/esempi/cani_e_gatti.htm"></script>
utenti<br><br>
<!-- Fine colonna --></td>
</tr>
</table>
</div>

<div id="footer">
<table class="base" cellpadding="0" cellspacing="0" width="96%">
<tr>
<td width="15" height="90">&nbsp;</td>
<td><!-- Inizio footer -->
<script type="text/javascript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Created by: www.jdstiles.com -->
<!-- Begin
copyright=new Date();
update=copyright.getFullYear();
document.write("Copyright © Penelope 2012 - "+ update + " Tutti i diritti riservati.");
// End -->
</script><br>
<a href="http://www.iltelaiodipenelope.it/">www.iltelaiodipenelope.it</a>
<!-- Fine footer --></td>
<td width="12">&nbsp;</td>
<td width="273" valign="top">&nbsp;</td>
</tr>
</table>
</div>

</body>

</html>