L'infobulle

[Hemma]

Bonjour/soir j'ai lu tout les tutos sur les infobulles mais je n'arrive pas à en mettre sur mon forum.Car moi ça me mets un fond horrible et un cadre bleu trop moche.

Merci d'avance

[Alyz]

Salut,

Peux-tu nous passer les codes utilisés (HTML et CSS), s'il te plaît ?

[Hemma]

Code HTML:

Code:

<div class="infobulle"><img src="http://i24.servimg.com/u/f24/16/34/33/34/k-on_y14.png">
<span>[url=http://fashion-graph-world.forumgratuit.org/profile?mode=editprofile/]Profil[/url][*][url=http://fashion-graph-world.forumgratuit.org/privmsg?mode=post&u=1/]Envoyer un mp[/url]</span></div>

Le CSS:

Code:


    .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: 2px;
    padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#FF0000;
    border: 2px solid #0000FF;}

[Alyz]

Spoiler:

Ce qui est souligné est le code à changer pour que la couleur de fond soit différente et ce qui est en gras est pour la couleur du contour. Si tu ne veux pas qu'il y ait de contour, supprime "border: 2px solid #0000FF;" (mais fais attention à ne pas supprimer le } )

Ces codes que tu dois changer sont des codes hexadécimaux. Voici un site qui te permettra de voir le code correspondant à la couleur que tu veux : http://www.code-couleur.net/selection-couleur.php

[Hemma]

Merci