menu a tendina

[Tristal]

Salve a tutti!!

Qualcuno sa dirmi come si realizza un menù a tendina del genere?

http://livedemo00.template-help.com/wt_35470/index.html



i cerchi sono immagini? o è tutto creato tramite html?

[mrk1989]

FOrse sei interessata a creare una galleria di immagini ed ecco una simile...
http://nivo.dev7studios.com/ o http://slidesjs.com/

[Enzaccio]

Intanto sì, i cerchi sono immagini caricate da queste location:

http://livedemo00.template-help.com/...u_item1_bg.png
http://livedemo00.template-help.com/...u_item2_bg.png
http://livedemo00.template-help.com/...u_item3_bg.png
http://livedemo00.template-help.com/...u_item4_bg.png

Le trovi ispezionando il file .css esterno che viene caricato dalla pagina col Tag:
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
che trovi subito all' inizio della HEAD

http://livedemo00.template-help.com/.../css/style.css

.menu li.item1 {
	top:30px;
	margin:0;
	}	
.menu > li.item1 span {
	font-size:31px;
	background:url(../images/menu_item1_bg.png) center 0 repeat;
	}	
.menu li.item2 span {
	top:9px;
	background:url(../images/menu_item2_bg.png) center 0 repeat;
	font-size:25px;
	}	
.menu li.item2 span a {
	padding-top:42px;
	}	
.menu li.item3 span {
	background:url(../images/menu_item3_bg.png) center 0 repeat;
	font-size:21px;
	}	
.menu li.item4 {
	top:3px;
	left:-2px;
	}	
.menu li.item4 span {
	background:url(../images/menu_item4_bg.png) center 0 repeat;
	font-size:25px;
	}

Per l' esattezza, immagini di sfondo: sono cioè assegnate come immagini di sfondo di un Elemento HTML.