Discussion :

[°°° Zen-Spirit °°°]

Bonjour à tous.
Voilà, j'ai besoin de votre aide à la création d'un Menu un peu simple ou un peu spécial.
Je souhaite créer un MENU HORIZONTAL à peu près comme ceci :
En fait voilà, je voudrai créer un MENU Horizontal avec lors du passage de la souris sur un onglet, une ligne horizontale contenant des liens apparaissent juste en dessous sur une ligne.
Un peu comme ceci mais en plus travailler : http://css.developpez.com/galerie/pr...talderoulant3/
Mais la difficulté c'est que veux donner une autre apparence à mon Menu et donc de coupler çà ( Je vous laisse voir ) :
LIGNE du MENU PRINCIPALE : http://css.developpez.com/galerie/pr...ets/page1.html
Et Les sous-Menus qui s'affichent sur une seule ligne en dessous lors du passage de la souris sur un des onglets doivent ressembler à çà :
http://css.developpez.com/tutoriels/...ssminitabs.htm
Merci de m'aider et de me diriger afin de réussir à coupler çà, car vous en conviendrez que c'est vraiment plus beau.
Merci encore.

[blueice]

Suffit de régler les styles aucune difficultée...

[°°° Zen-Spirit °°°]

Salut Bluice !
Ben justement, je n'avais pas vu que t'étais là et je viens de t'envoyer un MP, dans la rubrique "HEBERGEMENT" ( autre sujet ).
Oui, il suffit de régler les style, c'est à dire, car je suis débutant en la matière.
En fait pour le MENU pricipal avec onglet, pas de soucis, car le code est déja fait, de même que pour l'autre menu avec la barre verte qui s'affiche en dessous le code est aussi déja fait, mais après là ou çà coince pour moi qui suis débutant c'est de faire une adaptation des deux MENU pour que le Menu avec la barre verte en dessous devienne un sous MENU du MEnu avec onglet.
Merci de m'aider et me diriger sur un bout de code ou autre.

[blueice]

Tu dois te tromper de personne, je ne suis pas djoyeux...

Bref suffit de modifier les styles et de faire ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
body { color:#9c9; }
/* div item caches par defaut */
.item{
  display: none;
}
 
.lienItem{
 text-decoration: none;
color: #9c9;
}
 
/* styleOverMenu = style du menu lors de l evenement mouseover */
/* style des liens lors du hover */
.lienItem:hover, .styleOverMenu{
border-bottom: 4px solid #696;
color: #363;
}
 
/* style du menu lors de l evenement mouseout */
.styleOutMenu{
 
}

[°°° Zen-Spirit °°°]

Euh, oui, effectivement, je me suis trompé de pseudo à ton sujet, mais par contre c'était bien à toi que je voulais envoyer ce MP. Tu peux e renseigner à propos de ce sujet d'hébergement ?
Merci pour ton aide concernant le code Blueice. C'est très bien.
Ce que je veux c'est adapter le haut, c'est à dire le Menu principal, vu que maintenant j'arrive à faire les sous Menu avec ton code.
Je m'explique, les sous menus, maintenant je ne touche pas et çà marche Nickel avec le fichier functions.js, par contre le haut c'est à dire le MENU, c'est plus compliqué car c'est des Onglets, donc des images.
Mon soucis c'est l'adaptation de ce sous Menu avec le Menu qui ressemble à çà : http://css.developpez.com/galerie/pr...ets/page1.html
Merci encore.

[blueice]

C'est toujours une question de CSS, aucune difficulté.
C'est un forum d'entraide, nous ne sommes pas là pour le faire à ta place.
Tu dois essayer par toi même et si tu bloques quelque part demander de l'aide.