• Bulle d'aide

    Je parle de cette "bulle" qui s'affiche en survolant les derniers visiteurs par exemple ou les points d'aides.
    Bulle d'aide

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser

              M O D I F I E R          

    Pour la modifier, on va utiliser le sélecteur "#help_bubble", puis utiliser toutes les propriétés qu'on souhaite. Voici le code :

    #help_bubble {display:none;
    position:absolute;

      opacity:NOMBRE;  
     color:COULEUR;
     background-color:COULEUR;
     border-radius:NOMBREpx;
     border: NOMBREpx solid COULEUR;
     font-family:POLICE ;
    font-size: NOMBREpx;}

     

    opacity : c'est tout simplement l'opacité de la bulle d'aide. Pour réduire l'opacité, et donc la rendre un peu transparente, il faut mettre un nombre compris entre 0 et 1 et qui est séparé d'un point. Plus la valeur sera proche de 0, plus la bulle sera transparent. Exemple : opacity:0.5;

    color : la couleur du texte. Pour plus de précision, mettez une couleur hexadécimal, sur ce modèle : #XXXXXX. Vous pouvez vous servir du Color Picker Pro sur le menu pour en obtenir une.

    background-color : la couleur du fond. comme pour le texte, privilégiez une couleur hexadécimal.

    border-radius : les arrondis. plus la valeur (il faut mettre un nombre hein ^^) est haute, plus il y a aura d'arrondis.

    border : les bordures. dans le champ "NOMBREpx", il faut remplacer le "NOMBRE" par un chiffre qui sera l'épaisseur de votre bordure. Ensuite, dans le "COULEUR", il faut comme pour le texte et le fond mettre une couleur qui sera la couleur de la bordure.
    Si vous voulez, vous pouvez également changer le style de la bordure, c'est à dire que :
    solid est la bordure classique
    dotted est la bordure en pointillés
    dashed est la bordure en tirets
    double est la bordure double

    font-family : la police. Il faut que vous choissiez une police proposée par eklablog : Arial, Arial Black, Comic sans ms, Courrier New, Georgia, Impact, Lucina Console, Lucina Sans Unicode, Palatino Linotype, Tahoma, Times New Roman, Trebuchet MS, Verdana, MS Sans Serif, MS Serif.
    Sinon, vous pouvez mettre une police que vous avez installé vous même. Si vous voulez faire, mais que vous ne savez pas comment, go ici !

    font-size : la taille de la police. Il vous faut un chiffre ou un nombre que vous allez placer juste avant le px selon la taille que vous souhaitez.

               S U P P R I M E R          

    Pour la supprimer, il vous suffit de mettre ce code :

    #help_bubble {opacity:0;}

     


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :