Salut,
Pour commencer tu t' es troupé de forum /!\
Le forum de
Javascript aurait été plus adapté !!
Perso j' ait trouvé ce code un peu complex pour un débutant alors je te l'ai arrangé de a-z :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
<!--
.menu {
width: 175px;
height: 185px;
background-image: url(./parchemin.gif);
background-repeat: no-repeat;
/* Pour cacher le surplus au niveau du texte*/
overflow: hidden;
/* Centrage du texte */
text-align: center;
padding-top: 30px;
}
.menu, .menu a:link {
text-decoration: none;
font-weight: bold;
font-size: 85%;
font-family: verdana, arial, sans-serif;
color: #000000;
line-height: 18px;
}
.smenu {
position: absolute;
}
/*-->*/
</style>
<title>Menu</title>
<script type="text/javascript">
<!--
function objet(objet){
if(document.getElementById){
return document.getElementById(objet);
}
if(document.all){
return document.all(objet);
}
if(document.layers){
return document.layers(objet);
}
}
var last_s_menu;
function show_menu(id_s_menu, top, left){
if(last_s_menu){
hid_menu(last_s_menu);
}
objet(id_s_menu).style.top = top+'px';
objet(id_s_menu).style.left = (left+170)+'px';
objet(id_s_menu).style.display = '';
last_s_menu = id_s_menu;
setTimeout('hid_menu(last_s_menu)', 5000);
}
function hid_menu(id_s_menu){
objet(id_s_menu).style.display = 'none';
}
//-->
</script>
</head>
<body>
<div id="menu_1" class="menu">
<div onmouseover="show_menu('m1_sm_1', this.offsetTop, this.offsetLeft);">
Menu 1
<div id="m1_sm_1" class="menu smenu" style="display:none;">
<a href="#" title="Sous menu 1.1">Sous-Menu 1.1</a><br />
<a href="#" title="Sous menu 1.2">Sous-Menu 1.2</a><br />
<a href="#" title="Sous menu 1.3">Sous-Menu 1.3</a><br />
<a href="#" title="Sous menu 1.4">Sous-Menu 1.4</a><br />
<a href="#" title="Sous menu 1.5">Sous-Menu 1.5</a><br />
<a href="#" title="Sous menu 1.6">Sous-Menu 1.6</a><br />
</div>
</div>
<div onmouseover="show_menu('m1_sm_2', this.offsetTop, this.offsetLeft);">
Menu 2
<div id="m1_sm_2" class="menu smenu" style="display:none;">
<a href="#" title="Sous menu 2.1">Sous-Menu 2.1</a><br />
<a href="#" title="Sous menu 2.2">Sous-Menu 2.2</a><br />
<a href="#" title="Sous menu 2.3">Sous-Menu 2.3</a><br />
<a href="#" title="Sous menu 2.4">Sous-Menu 2.4</a><br />
<a href="#" title="Sous menu 2.5">Sous-Menu 2.5</a><br />
<a href="#" title="Sous menu 2.6">Sous-Menu 2.6</a><br />
</div>
</div>
<div onmouseover="show_menu('m1_sm_3', this.offsetTop, this.offsetLeft);">
Menu 3
<div id="m1_sm_3" class="menu smenu" style="display:none;">
<a href="#" title="Sous menu 3.1">Sous-Menu 3.1</a><br />
<a href="#" title="Sous menu 3.2">Sous-Menu 3.2</a><br />
<a href="#" title="Sous menu 3.3">Sous-Menu 3.3</a><br />
<a href="#" title="Sous menu 3.4">Sous-Menu 3.4</a><br />
<a href="#" title="Sous menu 3.5">Sous-Menu 3.5</a><br />
<a href="#" title="Sous menu 3.6">Sous-Menu 3.6</a><br />
</div>
</div>
<div onmouseover="show_menu('m1_sm_4', this.offsetTop, this.offsetLeft);">
Menu 4
<div id="m1_sm_4" class="menu smenu" style="display:none;">
<a href="#" title="Sous menu 4.1">Sous-Menu 4.1</a><br />
<a href="#" title="Sous menu 4.2">Sous-Menu 4.2</a><br />
<a href="#" title="Sous menu 4.3">Sous-Menu 4.3</a><br />
<a href="#" title="Sous menu 4.4">Sous-Menu 4.4</a><br />
<a href="#" title="Sous menu 4.5">Sous-Menu 4.5</a><br />
<a href="#" title="Sous menu 4.6">Sous-Menu 4.6</a><br />
</div>
</div>
<div onmouseover="show_menu('m1_sm_5', this.offsetTop, this.offsetLeft);">
Menu 5
<div id="m1_sm_5" class="menu smenu" style="display:none;">
<a href="#" title="Sous menu 5.1">Sous-Menu 5.1</a><br />
<a href="#" title="Sous menu 5.2">Sous-Menu 5.2</a><br />
<a href="#" title="Sous menu 5.3">Sous-Menu 5.3</a><br />
<a href="#" title="Sous menu 5.4">Sous-Menu 5.4</a><br />
<a href="#" title="Sous menu 5.5">Sous-Menu 5.5</a><br />
<a href="#" title="Sous menu 5.6">Sous-Menu 5.6</a><br />
</div>
</div>
</div>
</body></html>
Valide XHTML 1.0 et CSS ;-)
Pour modifier le texte tu as juste à modifier les propriété de cette class css :
.menu, .menu a:link {
text-decoration: none;
font-weight: bold;
font-size: 85%;
font-family: verdana, arial, sans-serif;
color: #000000;
line-height: 18px;
}
@+
Immortal-PC,
téléchargements,astuces ,entre-aide informatique , conseils pour vos problèmes d'ordi.
Grâce à Immortal-PC votre ordinateur passera les âges.