Idée d'un Menu

Salut tous les developpeur :)
j'ai touvé un site qui a un menu tres bon, mais je ne sais pas son idée de developpement...
le Menu ici Lien
vous pouvez m'aidez S.V.P...???
Merci.

bonjour,

Ce menu n'a rien de particulier... Que souhaites-tu faire ?

merci Auteur pour votre reponse :D

je souhaite voir ce menu sur mon site, mais je ne sais pas comment....???

voici le code sauf la partie SURVOL !.! (il faudrait regarder coté JQuery...)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<head>
<style>
div#nav_wrap {
	background: url(http://www.kelbytraining.com//themes/default_narrow/images/navigation_bg_short.png) left top no-repeat !important;
	background: url(http://www.kelbytraining.com//themes/default_narrow/images/navigation_bg.gif) left top no-repeat;
	height: 39px;
	margin: 0;
	padding: 5px;
	position: absolute;
	overflow: hidden;
	width: 724px;
	top: 82px;
	left: 20px;
	}
#navigation {
	margin: 0;
	padding: 0;
	}
	#navigation li {
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#navigation li.first {
		margin-left: 2px;
		}
	#navigation li.back {
		background: url('http://www.kelbytraining.com//themes/default_narrow/images/lava.gif') no-repeat right -25px;
		width: 4px;
		height: 25px;
		z-index: 8;
		position: absolute;
	}
	#navigation li.back .left {
		background: url('http://www.kelbytraining.com//themes/default_narrow/images/lava.gif') no-repeat top left;
		height: 25px;
		margin-right: 4px;
	}
	#navigation li a {
		text-decoration: none;
		color: #fff;
		outline: none;
		text-align: center;
		z-index: 10;
		display: block;
		height: 25px;
		position: relative;
		overflow: hidden;
		margin: auto 3px !important;
		margin: auto 8px; /* IE6 */
		text-indent: -500em;
		padding: 0 0 0 12px !important;
		padding: 0; /* IE6 */
	}
	#navigation li a strong {display: none;}
	#navigation li a:hover, #navigation li a:active, #navigation li a:visited {
		border: none;
		text-decoration: none;
	}		
#nav_home a {
	width: 40px;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_home.png') no-repeat center !important;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_home.gif') no-repeat center;
	}
#nav_books a {
	width: 43px;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_books.png') no-repeat center !important;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_books.gif') no-repeat center;
	} 
#nav_dvds a {
	width: 35px;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_dvds.png') no-repeat center !important;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_dvds.gif') no-repeat center;
	} 
#nav_seminars a {
	width: 64px;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_seminars.png') no-repeat center !important;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_seminars.gif') no-repeat center;
	}	
#nav_otrain a {
	width: 116px;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_otrain.png') no-repeat center !important;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_otrain.gif') no-repeat center;
	}
#nav_layers a {
	width: 121px;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_layers.png') no-repeat center !important;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_layers.gif') no-repeat center;
	}
#nav_napp a {
	width: 166px;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_napp.png') no-repeat center !important;
	background: url('http://www.kelbytraining.com//themes/default_narrow/images/nav_napp.gif') no-repeat center;
	}
</style>
</head>
<body style="background-color: #000000;">
	<div id="nav_wrap">
		<ul class="lavaLamp" id="navigation" >
			<li class="first" id="nav_home"><a href="/">Home</a></li>
			<li id="nav_books"><a href="/books/index.html">Books</a></li>
			<li id="nav_dvds"><a href="/dvds/index.html">DVDs</a></li>
			<li id="nav_seminars"><a href="/seminars/index.html">Seminars</a></li>
			<li id="nav_otrain"><a href="/online/index.html">Online Training</a></li>
 
			<li id="nav_layers"><a href="/layers/index.html">Layers Magazine</a></li>
			<li id="nav_napp"><a href="/napp/index.html">NAPP &amp; Photoshop User</a></li>
		</ul>
	</div>
</body>

a+

merci beuceaup htr999 poir votre effort :)
oui mtn il rest la partie survol
une autre merci pour tous qui ont m'aidé

voici un lien pour réaliser ce gendre de rollover
http://gmarwaha.com/blog/?p=7

merci merci merci htr999 tres gentil :) :yaisse2: