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

58,99 €

SSD WD Blue SN550 500 Go (NMVe M.2, 2400 Mo/s) à 58,99 €
Valable jusqu'au 08 Mai

Amazon fait une promotion sur le SSD WD Blue SN550 500 Go (NMVe M.2) qui passe à 58,99 € livré alors qu'on le trouve ailleurs à partir de 75 €. Ce SSD utilise une interface M.2 NVMe PCIe Gen3 x 4 pour une connexion simple et des performances exceptionnelles : jusqu’à 2 400 Mo/s en lecture séquentielle et jusqu’à 1 950 Mo/s en écriture séquentielle. Le SSD est doté de la technologie 3D TLC NAND haute densité offrant une endurance d’écriture durable et assorti d’une garantie de cinq ans.

> Voir l'offre

219,99 €

Asus Chromebook 11,6 pouces (Celeron N3350, 4 Go de RAM, SSD 32 Go , Chrome OS) à 219,99 €
Valable jusqu'au 07 Mai

Cdiscount fait une promotion sur l'ordinateur portable Asus Chromebook 11,6 pouces C223NA-GJ0010 qu'il propose à 219,99 € seulement alors qu'on le trouve ailleurs à partir de 309 €. Il possède un processeur Intel Celeron N3350, 4 Go de RAM, un écran HD (1366x768), 32 Go de stockage SSD eMMC (extensible par USB) et ne pèse qu'1 kg. Cet ordinateur portable fonctionne sous Chrome OS conçu spécifiquement pour l'usage du Web et de ses applications. Notez que vous pouvez facilement remplacer ChromeOS par Linux

> Voir l'offre

81,99 €

SSD Crucial BX500 1 To à 81,99 €
Valable jusqu'au 07 Mai

Amazon propose actuellement le SSD Crucial BX500 1 To à 81,99 € livré gratuitement. Ce SSD offre des débits de 540 Mo/s en lecture et 500 Mo/s en écriture. Le SSD est accompagné du logiciel Acronis true image qui vous permettra de transférer tout le contenu de votre ancien disque dur sur le SSD. Il est garanti 3 ans.

> Voir l'offre