Forum
Forum :: Aide en CSS
Menu déroulant stylé
<< Sujet précédent | Sujet suivant >>
Moderateurs: Alexis
Auteur Message
max103
Messages: 27
Bonjour !

Alors voilà,en allant sur le site de Fairy Tail (de mr draw)(je félicite son créateur ) j'ai mis la souris sur "accuei" et j'ai vu le "bouton" décsendre (bref ne vous en occupé pas c'est l'idée que je veux dire,comment je l'ai trouvé); et je me suis dis "Pourquoi pas rajouter des liens quand on survole le bouton "accueil"

Donc,j'aimerais savoir si cela est possible,est-ce possible de créer un menu déroulant (en survolant un bouton , un lien) pour y inclure des autres liens ?

Si vous avez pas totalement compris,voici un exemple sur jeuxvideo.fr:

Quand on est à l'accueil,tout à droite il y  a "test".Lorsque l'on le survole , il y a  9 autres liens en dessous ( Quiz JeuxVideos...) , voilà l'exemple.

Donc,pour finir ma question...

Est-ce possible de faire un enu déroulant stylé ?

Stylé: Avec le CSS.

Voilà,désolé sur je parle tros

... Je montrerais mon site après ok ?...
Julien.
Messages: 222
Site internet
Bonjour,

A ma connaissance ce n'est pas possible mais maintenant avec le CSS ont peut en faire des choses puis je n'y connais pas encore grand chose donc Jiix apportera la fine touche à la réponse.

- Edité le 20/04/2012 à 17:39 -

Modérateur du forum support
---------------------------------------
Facebook de votre plateforme UtiliWeb :
max103
Messages: 27
Ok,merci de ta réponse.
J'attends alors la réponse de Jiix.

... Je montrerais mon site après ok ?...
Alex
Messages: 13
Tu viens de me donner une idée

Oui c'est possible à condition de bien maîtriser le CSS et en bidouillant un peu avec les balises BBCode.

Exemple sur mon site de test: survole le bouton "Menu 1" pour voir : http://fma.utiliweb.fr/news.php


Par contre j'ai l'impression que tu m'as confondu avec mr.draw, je n'apprécie pas trop ^^

image
Julien.
Messages: 222
Site internet
Voilà, Alex viens de prouver le contraire !... je suis désolé de ma réponse mais je suis pas le spécialiste du CSS...

Modérateur du forum support
---------------------------------------
Facebook de votre plateforme UtiliWeb :
max103
Messages: 27
Ok alex.
Et pas de quoi pour l'idée
Et le design de ton site (encore une fois) et super !

Mais comment tu as faits ?
Tu peux m'expliqué s'il te plait ?

Alex , désolé mais celui qui a posté le publicité est mr draw !
Désolé alors

Tu peux m'expliqué comment tu as fait s'il te plait ?
Merci .

Julien. : c'est pas grave

... Je montrerais mon site après ok ?...
Alex
Messages: 13
Pour commencer, il faut que tu aies un thème en CSS.

Ajoute ce code à la fin de ton CSS (en le personnalisant si tu le souhaites pour changer les couleurs, etc...)


#header h2 { 
font-size: 12px; 
text-align: center; 
color: #FFFFFF; 
overflow : hidden; 
position:absolute; top:0px; left: 10px;
padding:0px; margin:0px;



#header h2 strong a {display: none;}
#header h2 strong br {display: none;}


#header h2 strong { 
color : #000;  
background-color: #FFF;
padding:5px;
padding-left: 10px; padding-right: 10px;
margin-bottom:10px;
margin-right:10px;
opacity:0.8;
float: left;
width: 100px;
text-align: center;



#header h2 strong:hover {background-color: #EEE; text-align: center;}

#header h2 strong:hover a, #header h2 strong:hover br{
display: inline; 
color: #FFF;
text-align: center;
font-weight: normal; 
background: none; 
padding: 0px; 
margin: 0px;



Ensuite, dans le contenu de l'entête de ton site, il faut utiliser le BBCode de cette façon:

[b]Menu 1
[url=/index.php]Lien 1[/url]
[url=/index.php]Lien 2[/url]
[url=/index.php]Lien 3[/url][/b][b]Menu 2
[url=/index.php]Lien 4[/url]
[url=/index.php]Lien 5[/url]
[url=/index.php]Lien 6[/url][/b]

Tu peux mettre autant de liens que tu veux et autant de menus que tu veux, mais fais attention à:
- Sauter une ligne entre chaque lien
- Ne pas sauter de lignes entre les menus
- Bien sûr, remplace les liens index.php par l'adresse de la page de ton choix
- Clique sur "utiliser l'éditeur de texte classique" avant de commencer pour être sûr que le bbcode ne soit pas transformé automatiquement.

image
alice-shan
Messages: 65
merci beaucoup Alex. ^^

Pour les fan de pandora hearts cliquer ici(il est en construction ^^)
pandora hearts master
Tinlenval
Messages: 36
Bonjour, d'abord GG à toi Al, ensuite j'aimerais savoir si on peut mettre ces menus de façon horizontale, mais pas sur le header.
En gros les menus seraient déroulants sur la gauche et y auraient les liens vers les pages diverses...Tu saurais faire ?

C'est la critique négative qui fait avancer, et non l'inverse.
Alex
Messages: 13
Ben tu peux faire comme sur Mangattitude, mais là ce n'est plus vraiment du CSS.

image
Tinlenval
Messages: 36
Ouais mais non, car sur MA c'es vertical. Là je te parle horizontale, si tu veux un schéma go voir tes MPs de FTM. Et faudra que tu m'expliques alors si c'est pas du CSS x)

C'est la critique négative qui fait avancer, et non l'inverse.
Alex
Messages: 13
J'ai vu ton schéma, et pour le coup ça me semble trop compliqué à réaliser.


image
Tinlenval
Messages: 36
Arf...Et bien, on verra

C'est la critique négative qui fait avancer, et non l'inverse.
max103
Messages: 27
Non , le Horizontale se fait que avec le code HTML

... Je montrerais mon site après ok ?...
 

Aller à:     Haut de page