Comment créer un menu similaire a celui de CCM ?

Résolu
Utilisateur anonyme -  
inspiring Messages postés 1813 Date d'inscription   Statut Membre Dernière intervention   -
salut tout les monde
j'aimerai savoir comment créer un menu comme celui qu'il y a en haut dans le forum comment ça marche
je voudrais savoir comment faire pour que le menu ai des sous menu quand on point la souris et comment obtenir ce genre de design ?
je vous remercie
A voir également:

1 réponse

Réponse 1 / 1
inspiring Messages postés 1813 Date d'inscription   Statut Membre Dernière intervention   265
 
Bonjour,

c'est un menu HTML + CSS (php pour le coté dynamique mais là n'est pas la question)

HTML: Affichage en liste (<ul> et <li>)

CSS : la police, les couleurs, ...
propriété des sous menus pour un affichage en ligne au lieu de l'affichage vertical classique de ces balises HTML, comportement a l'hover des items principaux pour afficher ces sous menu

Si tu veux un code tout pret je n'ai pas le temps tout de suite mais je pense que d'autre vont t'indiquer ça très vite



1
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 149
 
Salut

A priori, pas de php ni de javascript, tout est gérer par CSS.
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
Bonjour

Voici un un tuto que tu peux adapter

http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php

pour le sous menu afin qu'il soit sur une ligne tu changes

#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}

comme cela

#menu ul li:hover ul {
display: inline-block;
}
#menu li:hover ul li {
float:left;
}
0
inspiring Messages postés 1813 Date d'inscription   Statut Membre Dernière intervention   265
 
@Pierrecastor

j'entendais par PHP la création des liens :)
0
Pierrecastor Messages postés 41491 Date d'inscription   Statut Modérateur Dernière intervention   4 149
 
Ha ok.

Tu penses que les liens sont généré par php ?
0
Utilisateur anonyme
 
les amis c'est tres sympa de votre pare
je vais tout de suite voir le tuto
merci
0