> Tous les forums > Forum des Webmasters
 aide pour menu déroulant
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
3SS
  Posté le 18/04/2012 @ 13:23 
Aller en bas de la page 
Petit astucien

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>

<!--[if IE]>
<style type="text/css">
#pro6 ul {display:inline-block;}
#pro6 ul {display:inline;}
#pro6 ul li {float:left;}
#pro6 {text-align:center;}
</style>
<![endif]-->




<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
Publicité
Dreamer
 Posté le 18/04/2012 à 17:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

bonjour

merci de votre réponse

je vais donc m'orienter vers autre chose

3ss

Dreamer
 Posté le 19/04/2012 à 18:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

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 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

super merci beaucoup {#}

Dreamer
 Posté le 21/04/2012 à 08:18 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

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

Page : [1] 
Page 1 sur 1

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

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
999,99 €Portable 15,6' Lenovo Legion 5 (Ryzen 5, 8Go, SSD 512Go, RTX3060) à 999,99 €
Valable jusqu'au 20 Juin

Cdiscount fait une promotion sur le PC portable Lenovo Legion 5 (15ACH6H) dédié aux joueurs qui passe à 999,99 € avec le code promo LENOVOLIVE au lieu de 1300 €. Ce PC portable très bien équipé possède un écran 15,6 pouces LED Full HD, un processeur AMD Ryzen 5 5600H, 8 Go de RAM, un SSD de 512 Go et une carte graphique GeForce RTX 3060 6 Go dédiée qui avalera tous vos jeux sans broncher. Il est fourni sans OS, mais vous pouvez facilement installer Windows 10.


> Voir l'offre
90,28 €SSD SanDisk Ultra 3D 1 To à 90,28 € livré
Valable jusqu'au 20 Juin

Amazon Allemagne fait une belle promotion sur le SSD SanDisk Ultra 3D d'une capacité de 1 To qui passe à 85,72 € (avec la TVA ajustée) via un coupon de réduction automatiquement déduit au moment du paiement. Comptez 4,56 € pour la livraison en France, soit un total de 90,28 € livré. On le trouve ailleurs autour de 110 €. Une bonne affaire pour ce SSD performant qui offre des débits de 560 Mo/s en lecture et 530 Mo/s en écriture. Cette version est garantie 5 ans.

Vous pouvez utiliser votre compte Amazon France sur Amazon Allemagne et il n'y a pas de douanes. Si vous êtes perdu en allemand, vous pouvez traduire le site en anglais.


> Voir l'offre
19,12 €Micro clé USB 3.1 Sandisk Ultra Fit 128 Go à 19,12 €
Valable jusqu'au 20 Juin

Amazon fait une promotion sur la micro clé USB Sandisk Ultra Fit d'une capacité de 128 Go qui passe à 19,12 €. La minuscule taille de cette clé USB va vous permettre de la laisser brancher en permanence sur votre portable, votre TV ou votre autoradio sans qu'elle dépasse de manière disgracieuse. Sa compatibilité USB 3.1 lui permet d'atteindre des débits jusqu'à 130 Mo/s. 


> Voir l'offre

Sujets relatifs
Aide avec Dreamweaver 8 pour menu deroulant
Aide pour menu
questions pour menu déroulant
aide pour création menu (résolu)
aide pour un menu flash
Aide pour Gimp !!
besoin d'aide pour Kompozer
Aide pour finaliser le transfert d'un hébergeur gratuit vers 1&1, svp
Target dans menu déroulant "option value=...." html
Menu déroulant devenu inactif
Plus de sujets relatifs à aide pour menu déroulant
 > Tous les forums > Forum Forum des Webmasters