Un menu
Résolu
alborq
Messages postés
52
Date d'inscription
Statut
Membre
Dernière intervention
-
alborq Messages postés 52 Date d'inscription Statut Membre Dernière intervention -
alborq Messages postés 52 Date d'inscription Statut Membre Dernière intervention -
Bonjour, a vous tous
aujourdui j'ai un problème j'ai trouvez parfaitement se que je veut mais je suis incapable de le réalisé =http://www.warofgenerals.com/index.php?op=edito quand vous passez votre souris sur news un petit menu apparaît es que quelqu'un a le script d'un pareil menu a me passé s'il vous plait ?
merci bonne journé
aujourdui j'ai un problème j'ai trouvez parfaitement se que je veut mais je suis incapable de le réalisé =http://www.warofgenerals.com/index.php?op=edito quand vous passez votre souris sur news un petit menu apparaît es que quelqu'un a le script d'un pareil menu a me passé s'il vous plait ?
merci bonne journé
A voir également:
- Un menu
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
4 réponses
Salut.
As-tu pensé à chercher sur Google avec les mots-clés « menu deroulant » ?
https://css.developpez.com/tutoriels/menu-deroulant/
As-tu pensé à chercher sur Google avec les mots-clés « menu deroulant » ?
https://css.developpez.com/tutoriels/menu-deroulant/
Du coté de Jquery !
https://api.jquery.com/
et un site vraiment sympa avec des scripts et des démos :
http://www.htmldrive.net/categorys/show/Menu-Navigation/1
https://api.jquery.com/
et un site vraiment sympa avec des scripts et des démos :
http://www.htmldrive.net/categorys/show/Menu-Navigation/1
sur ta page tu met ca :
<ul id="header_menu">
<center><a href="#" style="background:transparent;font-weight: bold;font-size: 14px;">News</a></center>
<ul>
<li><center><a href="modules.php?ModPath=archive-stories&ModStart=archive-stories">Nouvelles</a></center></li>
<li><center><a href="sections.php">Rubriques</a></center></li>
<li><center><a href="topics.php">Sujets actifs</a></center></li>
<li><center><a href="faq.php">FAQ</a></center></li>
<li><center><a href="download.php">Downloads</a></center></li>
</ul>
</li>
</div>
et dans ton css :
/* Menu déroulant*/
#header_menu {
position: absolute;
padding : 2px 0 0 0; /* pas de marge intérieure */
margin : 0px 0px 0px 0px; /* ni extérieure */
list-style : none;
line-height : 34px; /* définit une hauteur pour chaque élément */
font-weight : bold; /* texte en gras */
font-family : Arial;
font-size : 12px; /* hauteur du texte : 12 pixels */
float: left;
}
#header_menu ul { /* Liste */
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
list-style : none;
line-height : 21px; /* définit une hauteur pour chaque élément */
}
#header_menu a { /* Contenu des listes */
display : block; /* Les liens deviennent des balises de type block */
padding : 0;
color : #fffccc; /* couleur du texte */
text-decoration : none;
}
#header_menu li { /* Éléments des listes */
float : left;
width : 150px;
background: transparent;
}
#header_menu li ul { /* Sous-listes */
position: absolute;
border: 1px solid #997c50;
width: 150px;
left: -999em;
background: url("../images/LBlocs/bg-menu.png") repeat;
}
#header_menu a:hover { /* Lorsque la souris passe sur un des liens */
color: #fffee6; /* On passe le texte en noir... */
text-decoration:underline;
}
#header_menu li:hover ul ul, #menu li.sfhover ul ul {
left: -999em;
}
#header_menu li:hover ul, #header_menu li li:hover ul, #header_menu li.sfhover ul, #header_menu li li.sfhover ul {
left: auto;
min-height: 0;
}
<ul id="header_menu">
<center><a href="#" style="background:transparent;font-weight: bold;font-size: 14px;">News</a></center>
<ul>
<li><center><a href="modules.php?ModPath=archive-stories&ModStart=archive-stories">Nouvelles</a></center></li>
<li><center><a href="sections.php">Rubriques</a></center></li>
<li><center><a href="topics.php">Sujets actifs</a></center></li>
<li><center><a href="faq.php">FAQ</a></center></li>
<li><center><a href="download.php">Downloads</a></center></li>
</ul>
</li>
</div>
et dans ton css :
/* Menu déroulant*/
#header_menu {
position: absolute;
padding : 2px 0 0 0; /* pas de marge intérieure */
margin : 0px 0px 0px 0px; /* ni extérieure */
list-style : none;
line-height : 34px; /* définit une hauteur pour chaque élément */
font-weight : bold; /* texte en gras */
font-family : Arial;
font-size : 12px; /* hauteur du texte : 12 pixels */
float: left;
}
#header_menu ul { /* Liste */
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
list-style : none;
line-height : 21px; /* définit une hauteur pour chaque élément */
}
#header_menu a { /* Contenu des listes */
display : block; /* Les liens deviennent des balises de type block */
padding : 0;
color : #fffccc; /* couleur du texte */
text-decoration : none;
}
#header_menu li { /* Éléments des listes */
float : left;
width : 150px;
background: transparent;
}
#header_menu li ul { /* Sous-listes */
position: absolute;
border: 1px solid #997c50;
width: 150px;
left: -999em;
background: url("../images/LBlocs/bg-menu.png") repeat;
}
#header_menu a:hover { /* Lorsque la souris passe sur un des liens */
color: #fffee6; /* On passe le texte en noir... */
text-decoration:underline;
}
#header_menu li:hover ul ul, #menu li.sfhover ul ul {
left: -999em;
}
#header_menu li:hover ul, #header_menu li li:hover ul, #header_menu li.sfhover ul, #header_menu li li.sfhover ul {
left: auto;
min-height: 0;
}