Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 Juin 10th 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 Juin 11th 2011, 12:21, édité 1 fois
Sophia C.

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 Juin 11th 2011, 09: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

Hell-eonore
****

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

http://theshapeofwater.forumactif.com/
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 Juin 11th 2011, 12:21

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

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 Juin 11th 2011, 13:20

Je t'en prie Wink
Bonne journée !
Hell-eonore

Hell-eonore
****

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

http://theshapeofwater.forumactif.com/
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 Juin 11th 2011, 13:35

Merci à toi aussi ^^ !
Sophia C.

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