Codes pour liens de PA

[Sophia C.]

Bonjour tout le monde,
Alors je voudrais faire un effet pour les liens de ma PA, comme sur celle-ci http://hogwarts-chronicles.bbactif.com/ . J'ai cherché mais j'ai pas trouvé, peut être ai-je mal cherché, mais pouvez vous m'aider svp ?
Merci d'avance.
Sophia

[Hell-eonore]

Bonjour,
ce que tu souhaites ce sont les onglets a menu déroulant, n'est-ce pas ?

Il te suffit de mettre ce code dans ta page d'acceuil:

Code:

<div style="margin-left: 40px;"><div id="menu"><ul><li><a href="Lien de l'onglet" target="_blank">NOM DE L'ONGLET 1</a><ul>
<li><a href="Lien du sous-onglet" target="_blank">Nom du sous-onglet</a></li>
<li><a href="Lien du sous-onglet" target="_blank">Nom du sous-onglet</a></li>
<li><a href="Lien du sous-onglet" target="_blank">Nom du sous-onglet</a></li></ul>
      </li>
 <li><a href="Lien de l'onglet" target="_blank">Nom de l'onglet 2</a>
        <ul>
        <li><a href="Lien du sous-onget" target="_blank">Nom du sous-onglet</a></li>
        <li><a href="Lien du sous-onget" target="_blank">Nom du sous-onglet</a></li>
       
     
</ul>

</li></ul></div><div id="menu">
  <ul>
      <li><a href="Lien de l'onglet" target="_blank">Nom de l'onglet 3</a>
        <ul>
        <li><a href="Lien du sous-onget" target="_blank">Nom du sous-onglet</a></li>
        <li><a href="Lien du sous-onget" target="_blank">Nom du sous-onglet</a></li>
       
     
</ul>

</li></ul></div><div id="menu">
  <ul>
      <li><a href="Lien de l'onglet" target="_blank">Nom de l'onglet 4</a>
        <ul>
        <li><a href="Lien du sous-onget" target="_blank">Nom du sous-onglet</a></li>
        <li><a href="Lien du sous-onget" target="_blank">Nom du sous-onglet</a></li>
        <li><a href="Lien du sous-onget" target="_blank">Nom du sous-onglet</a></li>
       
</ul>
</li></ul></div></div>

Tu peux ajouter autant d'onglet que tu veux
Apres tu mets dans le CSS:

Code:


#menu ul
{margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
-moz-border-radius: 10px;}

#menu li
{float: left;
padding: 0px;
background-color: #.......;
-moz-box-shadow: 0px 0px 5px #........;
font-family: Georgia;
text-transform: uppercase;
font-size: 12px;}

#menu li a{display: block;width: 140px;text-transform: uppercase;color: #........; /* couleur du texte */padding: 5px;text-decoration: none;font-family: Georgia;font-size: 12px;}

#menu li a:hover /* couleur du texte au passage de la souris */{color: #......;}

#menu ul li ul  /* cacher les sous-catégories */{display: none;}

#menu ul li:hover ul{display: inline-block;}

#menu li:hover ul li{float: none;}

#menu li ul{position: absolute;}

Cordialement,
Hell'

[Sophia C.]

C'est ça, merci beaucoup =) !!

[Hell-eonore]

Je t'en prie
Bonne journée !

[Sophia C.]

Merci à toi aussi ^^ !