aide pour menu déroulant

Ajouter un message à la discussion

3SS

Posté le 18/04/2012 @ 13:23

bonjour

j'ai une ami qui a un blog sur farmeville http://farmvilleaide.blogspot.fr/

un ami commun s'occuper de lui faire la mise en page

malheureusement cette ami est décédé et ne peut plus lui faire sa mise en page, elle m'a donc demander , mais je n'ai pas réussie a trouver

elle voudrais avoir là où ce situe les boutons : acceuil /astuce/nouveauté ect.. un menu déroulant sur le bouton accueil avec des liens d'autre ferme en dessous

j'ai bien trouver des menus déroulant a mettre , mais je n'arrive pas intégrer la forme des boutons actuels avec ( qui on était fait par notre ami )

je me demander si certain parmi vous savez le faire

voila le code:

<!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">

<style type="text/css">

#pro6 ul {margin:0 auto; padding:0; list-style:none; display:table; white-space:nowrap; list-style:none; height:35px; position:relative; background:transparent; font-size:11px;}
#pro6 li {display:table-cell; margin:0; padding:0;}
#pro6 li a {display:block; float:left; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(http://sc-graph.fr/WKCD/laure/pro_six_0a.gif) no-repeat;}
#pro6 li a b {float:left; display:block; padding:0 25px 5px 15px; background:url(http://sc-graph.fr/WKCD/laure/pro_six_0b.gif) no-repeat right top;}
#pro6 li.current a {color:#fff; background:url(http://sc-graph.fr/WKCD/laure/http://sc-graph.fr/WKCD/laure/pro_six_2a.gif) no-repeat;}
#pro6 li.current a b {background:url(pro_six_2b.gif) no-repeat right top;}
#pro6 li a:hover {color:#fff; background: url(http://sc-graph.fr/WKCD/laure/pro_six_1a.gif) no-repeat;}
#pro6 li a:hover b {background:url(http://sc-graph.fr/WKCD/laure/pro_six_1b.gif) no-repeat right top;}
#pro6 li.current a:hover {color:#fff; background: url(http://sc-graph.fr/WKCD/laure/http://sc-graph.fr/WKCD/laure/http://sc-graph.fr/WKCD/laure/pro_six_2a.gif) no-repeat; cursor:default;}
#pro6 li.current a:hover b {background:url(http://sc-graph.fr/WKCD/laure/pro_six_2b.gif) no-repeat right top;}

</style>



<div id="pro6">
<ul>
<li><a href="http://farmvilleaide.blogspot.com/"><b>Acceuil</b></a></li>
<li><a href="http://astucefarmville.blogspot.com/"><b>Astuces</b></a></li>
<li><a href="http://nouveautesfarmvillr.blogspot.com/"><b>Nouveauté</b></a></li>
<li><a href="http://constructionfarmville.blogspot.com//"><b>Construction & bâtiment</b></a></li>
<li><a href="http://animauxfarmville.blogspot.com/"><b>Animaux</b></a></li>
<li><a href="http://liensfarmville.blogspot.com/"><b>Lien Utiles</b></a></li>
<li><a href="http://arbresfarmville.blogspot.com/"><b>Arbres</b></a></li>
</ul>
</div>
<ul></ul></!doctype>

merci pour votre aide

Modifié par 3SS le 18/04/2012 21:15

Dreamer

Posté le 18/04/2012 à 17:34

Salut

Un truc d'entrée, avant que Elle ne passe: Accueil pas acceuil ....

Ensuite, tes boutons sont dans le script en plusieurs morceaux: le bout gauche (http://sc-graph.fr/WKCD/laure/pro_six_0a.gif) et la suite à droite qui s'affiche (http://sc-graph.fr/WKCD/laure/pro_six_0b.gif) en fonction de la longueur de ton mot.

Le problème pour un menu déroulant, ça va être l'affichage des cartouches en dessous qui sera différent à cause des longueurs des noms.......

Je pense que la solution la plus simple serait de prévoir un menu différent

3SS

Posté le 19/04/2012 à 07:24

bonjour

merci de votre réponse

je vais donc m'orienter vers autre chose

3ss

Dreamer

Posté le 19/04/2012 à 18:26

3SS a écrit :

bonjour

merci de votre réponse

je vais donc m'orienter vers autre chose

3ss

Sage décision..

Si tu cherches des modèles, tu as ceci en css : http://www.cssplay.co.uk/menus/

3SS

Posté le 20/04/2012 à 18:37

super merci beaucoup {#}

Dreamer

Posté le 21/04/2012 à 08:18

A toi maintenant d'adapter celui qui te plaira et si tu as besoin de notre aide.....Tu sais où nous trouver !!

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !

Les bons plans du moment PC Astuces

Tous les Bons Plans

Adaptateur USB 3.0 Sabrent pour disques durs et SSD 2.5 pouces SATA
10,99 € 16,99 € -35%
@Amazon

Chargeur USB Ugreen Nexode Pro 100W (4 USB C + 1 USB A, GaN II)
49,98 € 59,99 € -17%
@Amazon

Batterie externe INIU mini (10 000 mAh, USB C x2, USB A x1, PD 22.5W)
12,10 € 25 € -52%
@Amazon

Système de Peinture par Pulvérisation Wagner W590 FLEXiO (1300 ml, 630W)
80,99 € 116 € -30%
@Amazon

Échafaudage 3-en-1 Tectake
119,90 € 149,90 € -20%
@Amazon

Machine à étiqueter NIIMBOT D110 thermique sans fil
16,99 € 25,99 € -35%
@Amazon