| | petit soucis avec mon info bull |  |
|
 poussette59 
{ Membre }
 Messages : 236
 | Bon voila je voulais mettre une infobull mais ce truc veut pas fonctionne -_- pour tant j'ai vérifier j'ai les bon code voici le code que j'ai - Code:
-
<font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i35.tinypic.com/2enru5j.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">oOBout'chouxOo</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i36.tinypic.com/2rrbe9u.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">FONDATRICE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i36.tinypic.com/263g8ci.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Poussette59</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i35.tinypic.com/21dkjcx.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">ADMIN<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i37.tinypic.com/2uqmwwk.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Amor</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i33.tinypic.com/r7onsh.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">CO ADMIN<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i33.tinypic.com/28b49qq.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Julie</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i37.tinypic.com/21e2qs7.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">CO ADMIN<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i33.tinypic.com/ji27g9.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Alex</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i33.tinypic.com/24qsbph.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">Co Admin<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i34.tinypic.com/o0e51f.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Bouriket59</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i34.tinypic.com/4vjoy8.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">ANIMATRICE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i37.tinypic.com/24ymlow.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Dia</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i35.tinypic.com/315fvxj.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">ANIMATRICE ESSAI BB<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i34.tinypic.com/2nsti4n.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Fannette</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i36.tinypic.com/24yvlky.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">ANIMATRICE GROSSESSE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a><font color="MediumVioletRed"></font> <a class="imginfo"><font color="burlywood"><img src="http://i37.tinypic.com/21blj81.jpg"></font><span><table border="0" cellpadding="1" cellspacing="1" width="125"><tbody><tr><td style="text-align: center;"><font size="1">Mry-Many</font><br></td></tr><tr><td style="text-align: center;"><a class="imginfo"><img src="http://i36.tinypic.com/vig07d.jpg"></a></td></tr><tr><td style="text-align: center;"><font size="1">MODERATRICE<br></font></td></tr><tr align="center"></tr></tbody></table></span></a> si vous voulez voir ce que ça fais voici mon forum test ou je boss actuellement http://creationfg.bbflash.net merci a celui qui m'aidera ^^ | | |
|
| | |
Imari
{ Membre hyper-actif }
Messages : 1538
| Bonjour ^^ Tes infobulles sont trop complexes, j'avais le même code mais il ne marchait pas non plus donc, je l'ai simplifié au possible ^^ - Code:
-
<a class="imginfo"> <img src="Adresse_de_l'image_qu'on_voit_sur_le_forum"/> <span><table width="125" cellspacing="1" cellpadding="1" border="0"><tbody><tr> <td align=center>Texte en haut de la bulle<br/></td></tr> <tr><td align=center><a class="imginfo"><img src="Adresse_de_l'image_dans_la_bulle"/></a></td></tr> <tr><td align=center>Texte en bas de la bulle<br/></font></td></tr></tbody></table></span></a> Tu remplaces les endroits à remplacer, en sachant que le html pour le texte à modifier est possible ^^ Amicalement  Et j'ai oublié, tu as mis le CSS au moins ? parce que sinon, l'infobulle te sert à rien ^^ |
Dernière édition par Imari le Sam 26 Sep 2009, 15:31, édité 1 fois | |
|
| | |
poussette59
{ Membre }
Messages : 236
| Merci a toi je viens de tester mais même probléme
quand je basse la souris dessus j'ai bien le petit ? qui se met mais impossible de voir l'info bull | | |
|
| | |
Imari
{ Membre hyper-actif }
Messages : 1538
| Tu as mis quoi dans ton css ? | | |
|
| | |
poussette59
{ Membre }
Messages : 236
| - Code:
-
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
}
a.imginfo span {
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: 7d7d7d;
padding: 3px;
border: 0px solid grey;
border-left: 5px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 5px solid #b6b6b6;
} le voici ^^ | | |
|
| | |
Imari
{ Membre hyper-actif }
Messages : 1538
| Essaie avec celui-là et tu me dis si c'est bon ^^ - Code:
-
a.imginfo {
position: relative;
color: #7d7d7d;
text-decoration: none;
}
a.imginfo span {
text-decoration: none;
display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on definit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par defaut en curseur d'aide */
}
a.imginfo:hover span {
text-decoration: none;
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriete white-space pour qu'il n'y ait pas de retour a la ligne non-desire */
top: 10px; /* on positionne notre infobulle */
left: 20px;
background: #ffffff;
color: #7d7d7d;
padding: 2px;
border: 0px solid grey;
border-left: 3px solid #b6b6b6;
border-right: 3px solid #b6b6b6;
border-top: 3px solid #b6b6b6;
border-bottom: 3px solid #b6b6b6;
} | | |
|
| | |
Flicka
{ Membre }
Messages : 46
| Coucou,
J'aimerais installer des infos bulle dans mon forum. Imari, le code CSS pour les infos bulles sont spécialement faite pour le forum de Poussette, ou je peux le prendre pour le mien ?
Je ne sais pas si j'ai vraiment le droit de "m'incruster" mais bon. Merci d'avance. | | |
|
| | |
Imari
{ Membre hyper-actif }
Messages : 1538
| Tu peux le prendre mais il te faut changer les codes couleurs du css pour l'adapter sur ton propre forum ^^ | | |
|
| | |
Flicka
{ Membre }
Messages : 46
| Merci  | | |
|
| | |
Invité Invité
| Salut,
Bizarrement ton code fonctionne poussette59.
Regarde toi même :
http://css-forum.forumotion.com/poussette59-h6.htm
Hormis le ? qui s'affiche sur le curseur sinon l'infobulle fonctionne parfaitement.
Je suis sous Google chrome et firefox version3 | | |
|
| | |
poussette59
{ Membre }
Messages : 236
| je comprend pas pourtant sur mon forum pas moyen :/ | | |
|
| | |
poussette59
{ Membre }
Messages : 236
| c'est bon probléme résolu j'ai trouver le probléme -_- | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | petit soucis avec mon info bull | |
|
