> 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
266,35 €Processeur AMD Ryzen 5 5600X à 266,35 € livré
Valable jusqu'au 13 Juin

Amazon Allemagne fait une promotion sur le processeur AMD Ryzen 5 5600X qui passe à 261,18 € (avec la TVA ajustée). Comptez 5,17 € pour la livraison en France soit un total de 266,35 € livré alors qu'on le trouve ailleurs à partir de 360 €. Le processeur pour PC de bureau AMD Ryzen 5 5600X propose 6 coeurs natifs et 12 coeurs logiques pour un traitement multitâche agréablement fluide. Grâce à sa fréquence native élevée et à son mode Turbo Core ajustant la puissance en fonction des besoins, le CPU AMD Ryzen de nouvelle génération délivre des performances exceptionnelles dans tous les domaines : Jeux vidéo, multitâche intensif, édition vidéo, modélisation 3D et bien plus encore. Le cache L3 de 32 Mo permet en outre le traitement ultrarapide d'un grand nombre d'instructions grâce à des latences réduites. Fourni avec un système de refroidissement.

Vous pouvez utiliser votre compte Amazon France sur Amazon Allemagne et il n'y a pas de douane.


> Voir l'offre
18,15 €Clé USB 3.0 Sandisk Ultra 128 Go à 18,15 €
Valable jusqu'au 13 Juin

Amazon propose la clé USB Sandisk Ultra d'une capacité de 128 Go à 18,15 €. Cette clé USB 3.0 est compatible USB 2.0 et offre de bons débits d'environ 100 Mo/s en lecture et en écriture. Le connecteur est rétractable pour éviter qu'il prenne la poussière.


> Voir l'offre
199,99 €Ecran PC 27 pouces Dell S2721DS (QHD, IPS, 75 Hz) à 199,99 €
Valable jusqu'au 13 Juin

Fnac fait une promotion sur l'écran PC 27 pouces Dell S2721DS qui passe à 199,99 € au lieu de plus de 250 € ailleurs. L'écran à cadre fin dispose d'une dalle IPS QHD (2560x1440 pixels) à 75 Hz. Il est compatible Freesync et dispose de 2 prises HDMI et 1 prise DP. Il dispose de haut-parleurs intégrés (2x3W) et son pied est réglable en hauteur.


> 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