Codes pour liens de PA

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Codes pour liens de PA

Message par Sophia C. le Ven 10 Juin 2011 - 19:01

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


Dernière édition par Sophia C. le Sam 11 Juin 2011 - 12:21, édité 1 fois

Sophia C.
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 28/10/2009

http://universitysport.forumactif.com
Sophia C. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour liens de PA

Message par Hell-eonore le Sam 11 Juin 2011 - 9:34

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 Smile
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'

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour liens de PA

Message par Sophia C. le Sam 11 Juin 2011 - 12:21

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

Sophia C.
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 28/10/2009

http://universitysport.forumactif.com
Sophia C. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour liens de PA

Message par Hell-eonore le Sam 11 Juin 2011 - 13:20

Je t'en prie Wink
Bonne journée !

Hell-eonore
****

Féminin
Messages : 217
Inscrit(e) le : 11/07/2010

Hell-eonore a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes pour liens de PA

Message par Sophia C. le Sam 11 Juin 2011 - 13:35

Merci à toi aussi ^^ !

Sophia C.
Nouveau membre

Féminin
Messages : 17
Inscrit(e) le : 28/10/2009

http://universitysport.forumactif.com
Sophia C. a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum