 Blur's 
{ Membre }
 Messages : 87
 | voila c'est que j'ai fait un infobulle sur mon forum et je n'arrive pas a changer la couleur du fond de l'infobulle, j'ai changer le code css sa n'a rien donc je vous demandes votre aide pour résoudre ce petit problème. Au passage j'ai chercher dans les problème résolu mais je n'ai pas toruver donc voila |
Dernière édition par Blur's le Dim 03 Oct 2010, 11:40, édité 1 fois | |
|
Air.
{ Membre }
Messages : 221
| Peut-on voir le code CSS de ton infobulle ? | | |
|
Blur's
{ Membre }
Messages : 87
| mais bien sur: - Code:
-
div.infobulle_avatar em {
display:none;
background:"#C1AA86"
}
div.infobulle_avatar:hover {
background:"#C1AA86";
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
div.infobulle_avatar:hover em {
font-style: normal; /*écriture de la police*/
font-size: 10px; /*taille de la police*/
color:#000 !important; /*couleur de la police*/
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 5px; /* bord arrondis*/
-webkit-border-radius: 5px; /* bord arrondis*/
border-radius: 5px ; /* bord arrondis*/
background-color: #FFF; /*couleur de fond de l'infobulle*/
border: 1px solid #000; /*taille et couleur de la bordure de l'infobulle*/
width:150px; /*largeur de l'infobulle*/
top: 100px; /*infobulle à 100px du haut*/
left: 100px; /*infobulle à 100px de la gauche*/
}
c'est se que j'ai pris dans la partie code a copier/coller | | |
|
Mama
{ Membre }
 Messages : 88
| Tien,voila un autre code que j'ai pris dans la partie astuce et qui a été propsoer par Lilypad Voila déjà la part HTML - Code:
-
<a href="#" class="infobulle"><img src="IMAGE"> <span>CONTENU DE L'INFOBULLE Si tu veux mettre un lien dedans, tu dois l'insérer dans une div, comme ceci <div><a href="LIEN" target="_blank">Visiter</a></div></span></a> la partie CSS à mettre dans ta fiche - Code:
-
a.infobulle {
position: relative;
}
a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.infobulle:hover span {
display: inline; /* ceci 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: 5px; /* on positionne notre infobulle */
left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */
padding: 3px;
/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}
Dans la parti HTML au début tu vas voir un # - Code:
-
<a href="#" class="infobulle" marque ton code couleurs. Voila,es que sa marche? |
Dernière édition par Mama le Sam 02 Oct 2010, 17:16, édité 2 fois | |
|
Radimir
{ Membre actif }
Messages : 459
| Bonjour , j'interviens , malgré la prise en charge d'un membre pour te dire qu'il suffit de lire ce qu'il y a d'écrit à coter de chaque code... donc pour le fond c'est ici qu'il faut modifier - Code:
-
background-color: #FFF; /*couleur de fond de l'infobulle*/
| | |
|
Blur's
{ Membre }
Messages : 87
| a ok j'avais regarder au mauvais endroit merci radmir | | |
|
Invité Invité
| Bonjour, Merci d'utiliser l'icône "résolu" lorsqu'un problème l'est. | | |
|
Sam 30 Mar 2024, 22:07 par 
