Comment créer un menu similaire a celui de CCM ?
Résolu/Fermé
Utilisateur anonyme
-
Modifié par ^Abel^ le 30/07/2014 à 14:25
inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 - 30 juil. 2014 à 15:33
inspiring Messages postés 1813 Date d'inscription vendredi 28 janvier 2011 Statut Membre Dernière intervention 31 décembre 2018 - 30 juil. 2014 à 15:33
A voir également:
- Comment créer un menu similaire a celui de CCM ?
- Créer un compte gmail - Guide
- Comment créer un groupe whatsapp - Guide
- Créer un compte google - Guide
- Créer un compte instagram - Guide
- Comment creer un pdf - Guide
1 réponse
inspiring
Messages postés
1813
Date d'inscription
vendredi 28 janvier 2011
Statut
Membre
Dernière intervention
31 décembre 2018
265
30 juil. 2014 à 14:27
30 juil. 2014 à 14:27
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
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
30 juil. 2014 à 14:30
A priori, pas de php ni de javascript, tout est gérer par CSS.
30 juil. 2014 à 14:49
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;
}
30 juil. 2014 à 15:14
j'entendais par PHP la création des liens :)
30 juil. 2014 à 15:16
Tu penses que les liens sont généré par php ?
30 juil. 2014 à 15:16
je vais tout de suite voir le tuto
merci