• Modifier les infobulles

    Voila un tuto pour modifier les infobulle, voila un exemple d'infobulle: passez votre souris sur ce texteEt voici une infobulle!

    Donc, c'est en css et vous pouvez le personnaliser comme vous voulez, en rajoutant, en modifiant ou en supprimant des élément:

    #help_bubble {
    background: FOND DES INFOBULLES;
    color: COULEUR DU TEXTE DES INFOBULLES;
    }

    Bon, là, c'était le code de base, mais après, on peut le modifier, par exemple, mon code, ça donnde ça:

    #help_bubble {
    background-image: url("http://ekladata.com/graph-css-html.eklablog.fr/theme/images/background.jpg?1676367424");
    color:white;
    opacity:0.7;
    border: none;
    border-radius: 30px;
    }

    Tags Tags : , , , ,
  • Commentaires

    1
    Vendredi 20 Juillet 2012 à 23:09

    Cool 

    2
    Mardi 24 Juillet 2012 à 12:12

    Mais c'est où que l'on met notre texte ._." ?

    3
    Mardi 24 Juillet 2012 à 12:14

    quel texte? Ce tuto explique comment modifier les infobulles, si tu veux qu'une infobulle s'affiche à un certaine endroit, regarde mon tuto "Infobulle" que tu trouveras dans ma partie Javascript

    4
    Mardi 24 Juillet 2012 à 12:18

    Ah ui >.<" !! Désolé et merci :p !

    5
    ripitchi2806 Profil de ripitchi2806
    Mercredi 1er Août 2012 à 16:46

    Ok merci mais le fond des infobulles on le fait avec un logiciel de graphisme ? Si oui avec quelle dimensions ??

    6
    Mercredi 1er Août 2012 à 18:12

    comme tu veux pour les dimensions, pour le fond, tu cherche sur internet...

    7
    ripitchi2806 Profil de ripitchi2806
    Mercredi 1er Août 2012 à 21:21

    ok

    merci beaucoup

    8
    Dimanche 7 Octobre 2012 à 15:23

    comment on fait pour moddifier le fond ? paske en fait tes infobulles sont parfaits et irait bien sur mon blog !

    9
    Dimanche 7 Octobre 2012 à 16:44

    Si tu veux des couleurs:

    #help_bubble {
    background: COULEUR EN ANGLAIS;
    color: COULEUR DU TEXTE DES INFOBULLES;
    }

    Si c'est une image de fond:

    #help_bubble {
    background: url("URL DE L'IMAGE");
    color: COULEUR DU TEXTE DES INFOBULLES;
    }

    10
    Dimanche 7 Octobre 2012 à 18:24

    merci ca marche ! :)

    11
    Vendredi 2 Novembre 2012 à 13:57

    Egotilt comment as tu fais pour qu'il y ai une ifobulle quand on survole le texte ?

    Tu peux m'expliquer s'il te plait ?

    Je voudrais aussi savoir s'il est possible de mettre de images dans ces infobulles ^^ !

    Je te remercie d'avance ;) !

    13
    Lundi 5 Novembre 2012 à 18:16

    merci beaucoup

    14
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Dimanche 11 Novembre 2012 à 16:38

    super tutos merci !

    15
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Dimanche 11 Novembre 2012 à 16:44

    mais pas exemple pour le fond , au lieu de mettre background_image , je peux mettre background_color nan ?

    16
    Dimanche 11 Novembre 2012 à 16:51

    Oui!J'ai essayer ça marche pour moi!( hi_hi)

    17
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Dimanche 11 Novembre 2012 à 17:02

    ok merci ^^

    18
    Dimanche 11 Novembre 2012 à 17:08
    19
    Dimanche 11 Novembre 2012 à 19:15

    sinon, aussi, tu met juste "background", parce que par exemple, si tu veux utiliser les couleurs rgb, il faut mettrre uniquement background ^^

    20
    Dimanche 11 Novembre 2012 à 19:19

    Oui voilà!Mais pour moi ça marcheais que je mettait background_color

    Comment ça se fait?

    21
    Dimanche 11 Novembre 2012 à 19:33

    En fait, quand tu veut préciser, tu met background-image/color, mais quend tu veut faire simple et rapide, tu met juste background, mais sinon, le code plus long permet de mieux s'y retrouver

    22
    Yohanna...ღ Profil de Yohanna...ღ
    Mardi 28 Mai 2013 à 19:20

    Je vais essayer celui-là

    23
    Dimanche 17 Novembre 2013 à 08:48

    Merci l Super utile.

    24
    Jeudi 15 Mai 2014 à 17:33

    oki! merci!



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :