aide pour menu déroulant

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

Les bons plans du moment PC Astuces