Afin de ne pas perdre le Code si jamais il s'enlève je le note ici :
→ CSS
→ A mettre sur les Sujets
→ Exemple de ce que sa donne :
https://fear-and-co.forumgaming.fr/t1451-rp-les-cinq-races
https://fear-and-co.forumgaming.fr/t40-presentation-gwen-tanamo-fear
Dernière édition par Gwen • Swan le 12.08.12 23:43, édité 1 fois
→ CSS
Code:
/* Infobulle */
.infobulle{position: relative;z-index: 0;}
.infobulle:hover{background-color: transparent;z-index: 50;}
.infobulle span{
position: absolute;
background-color: #000000;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #FFFFFF;}
.infobulle span img{
border: 1px;
padding: 5px;}
.infobulle:hover span{
visibility: visible;
top: 35px;/*position par rapport au haut de l'image*/
left: 235px;/*position par rapport au bord gauche de l'image*/
width: 250x ;/*largeur de la bulle*/
color:#FFFFFF;/*couleur du texte*/
border: 2px solid #000;/*épaisseurs style et couleur des contours*/
-moz-border-radius: 12px;/*arrondis*/
-webkit-border-radius: 12px;/*arrondis*/
border-radius: 12px;/*arrondis*/}→ A mettre sur les Sujets
Code:
<div class="infobulle"><img src="lien image ou apparait l'infobulle">
<span>Contenu de la bulle</span></div>→ Exemple de ce que sa donne :
https://fear-and-co.forumgaming.fr/t1451-rp-les-cinq-races
https://fear-and-co.forumgaming.fr/t40-presentation-gwen-tanamo-fear
Dernière édition par Gwen • Swan le 12.08.12 23:43, édité 1 fois