• Bulle d'aide

    la bulle d'aide est la petite fenêtre qui s'ouvre au survol de la souris sur un avatar

    Pour la modifier :

    #help_bubble
     {
    border: Xpx solid XXXXX;
    background-color:XXXXX;
    color:XXXXX;  
        border-radius: Xpx;
    opacity:X;
    }

    Remplacez X par la valeur que vous voulez mettre dans le cadre (contour)

    Remplacez  XXXXX par la couleur du cadre que vous voulez

    Remplacez XXXXX par la couleur du fond de la bulle

    Remplacez XXXXX par la couleur de la police (l'écriture) que vous voulez

    Remplacez X par la valeur que vous voulez

    Vous remplacez X par la valeur de l'opacité que vous voulez (de 0.1 vers 1) je vous conseille de mettre 1 comme moi

    « Commande 30 - Melodie ♫Demande de tutos (CCS/HTML) »

  • Comments

    1
    Thursday 13rd March 2014 at 17:52

    Merci pour le code :3

    2
    Thursday 13rd March 2014 at 20:32
    De rien !
    3
    Thursday 13rd March 2014 at 21:36

    Comment fait on pour les arrondir ?

    4
    Thursday 13rd March 2014 at 22:17

    Ah j'ai oublié ce truc xD voilà, j'ai édité l'article x')

    5
    Thursday 13rd March 2014 at 22:20

    xD merci encore :3

    6
    Monday 26th June 2017 at 14:53

    Hey, j'arrive pas très bien à voir le changement en utilisant ce code.

    Je viens d'apprendre grâce à toi à utiliser le CSS, mais cependant j'ai vu qu'il y avait des différents en fonction des navigateurs.

    Je suis sous Google Chrome.

    Est-ce que tu pourrais m'éclairer stp ?

      • Tuesday 27th June 2017 at 04:42

        Peux-tu m accroder le code que t as utilisé ( avec les valeurs ) ?

      • Tuesday 27th June 2017 at 13:47

        #help_bubble
         {
        border5px solid b1998c;
        background-color:dcd2b9;
        color:666666;   
            border-radius: 1px;
        opacity:0.9;
        }

         

      • Tuesday 27th June 2017 at 16:12

        #help_bubble
         {
        border5px solid #b1998c;
        background-color:#dcd2b9;
        color:#666666;   
            border-radius1px;
        opacity:0.9;
        }

        Voilà~ il t a fallu le # avant les trucs de couleurs ;)

    7
    Tuesday 27th June 2017 at 16:17

    Super, merci!

    Suivre le flux RSS des commentaires


    Add comment

    Name / User name:

    E-mail (optional):

    Website (optional):

    Comment: