Filoweb.it

Menu dimanico laterale

home menu Gallery Roberto contatti

CSS

Menu dimanico laterale

 
		<!DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.01//EN" 

   " http://www.w3.org/TR/html4/strict.dtd" >

<html>

<head>

<title>Menu dinamico 12: barra laterale 1</title>

<meta http-equiv=" Content-Type"  content=" text/html; charset=iso-8859-1" >

<style type=" text/css" >

body {margin: 2em; padding: 0; font: 80%/1.6 Verdana, sans-serif;}





#menu {

margin: 0;

padding: 0;

width: 22px;

position: absolute;

top: 20%;

left: 0;

background: #f1f1f1;

color: #000;

border-width: 1px;

border-style: solid;

}



#menu ul {

margin: 0.5em 0 0.5em 2.5em;

padding: 0;

list-style: none;

display: none;

}



#menu ul li a:link,

#menu ul li a:visited {

display: block;

margin: 0;

padding: 0.2em;

color: #329;

text-decoration: none;

width: 5em;

}

#menu ul li a:hover {

background: #fff url(" img/dar.gif" ) no-repeat 100% 50%; 

color: #000;

}



#menu p {margin: 0; text-align: right; padding: 0;}

#menu p img {border: none; vertical-align: middle;}



#menu:hover {width: 10em;}

#menu:hover ul {display: block;}





.nota {margin: 1em 0 1em 12em; padding: 1em;}

</style>

<!--[if lt IE 7]>

<style type=" text/css" >

#menu ul 

{

display: block;

}

</style>

<![endif]-->



</head>



<body>





<div id=" menu" >

<p><img src=" img/open.gif"  alt=" *" ></p>

<ul>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

<li><a href=" #" >Link</a></li>

</ul>

</div>







</body>

</html>

↑
filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito filoweb.it sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito filoweb.it.

X

La tua privacy è importante
Utilizziamo, senza il tuo consenso, SOLO cookies necessari alla elaborazione di analisi statistiche e tecnici per l'utilizzo del sito. Chiudendo il Cookie Banner, mediante il simbolo "X" o negando il consenso, continuerai a navigare in assenza di cookie di profilazione. More info

Tutti
Cookie tecnici
I cookie tecnici sono necessari al fine di "effettuare la trasmissione di una comunicazione su una rete di comunicazione elettronica, o nella misura strettamente necessaria al fornitore di un servizio della società dell'informazione esplicitamente richiesto dal contraente o dall'utente a erogare tale servizio" (art. 122, comma 1 del Codice privacy).
Cookie analitici di terze parti
I cookie analytics sono utilizzati al fine di valutare l'efficacia di un servizio della società dell'informazione fornito da un titolare di un sito, per progettare un sito web o contribuire a misurare il "traffico" di un sito web, ovvero il numero di visitatori ripartiti per area geografica, fascia oraria della connessione o altre caratteristiche.
Cookie di profilazione
Sono cookie che creano profili personalizzati relativi all'utente per finalità di marketing, ad esempio il retargeting o advertising sui social network.