• Un commentaire dans la bulle (Complété)

    Un commentaire dans la bulle complété par une deuxième partie pour personnaliser sa bulle.

    Vous avez remarqué (ou pas) qu'une bulle s'ouvre au passage de votre curseur sur une image?

    Le titre de l'article s'inscrit par défaut dans cette bulle. Ce qui ne sert pas à grand chose...

    Pour changer ce texte, c'est très simple.

    Tout d'abord,

    Vérifiez que la bulle s'affiche au passage de la souris.

    Sinon, allez dans les préférences de la "configuration/Configuration générale"

    Allez dans le menu "Configuration" et choisissez "Configuration générale" Puis cliquez sur l'onglet "Avancé"

     Puis dans la fenêtre qui s'ouvre, choisissez l'onglet "Avancé"

     

    Dans le menu "Avancé" cochez la case "Afficher la description de l'image lors du survol de la souris"

    Cochez la case comme dans le cercle rouge. Puis cliquez sur "Enregistrer"

     

     Ensuite Editez votre article.

    Editez votre article. Sélectionnez votre image à éditer en cliquant dessus.

     

     

    Cliquez sur "Insérer/Editer une image"

    Vous sélectionnez l'image à commenter en cliquant dessus une seule fois avec le bouton gauche de la souris (elle doit s'entourer d'un cadre fin muni de poignées de modification.) et vous cliquez sur le bouton "Insérer/éditer une image"

     

    A chaque fois, sélectionnez bien la nouvelle photo et vérifiez que le champ "Source" soit bien rempli.

    Dans le champs "Description de l'image" vous mettez votre texte et vous cliquez sur "OK"

     

    Deuxième partie.

    Personnaliser la bulle.

    La suite c'est La Gentille rebelle (Cliquez sur le lien) qui nous la donne. Pour agrémenter votre bulle, il faut entrer le code css qu'elle vous propose.

    Faites-en un "copier" (Ctrl-C) puis un "coller" (Ctrl-V) dans le module CSS de votre blog:

    Pour ça vous allez dans le menu de votre page: "Apparence/Modifier le thème/

    De la fenêtre qui s'ouvre, vous allez tout en bas à gauche et vous choisissez "Ajouter du CSS"

    là, vous "collez" le code que vous avez récupéré chez La Gentille rebelle.

    Ca vous donne ça:

     

    Collez le code offert par La gentille rebelle

    Vous obtiendrez la même chose que sur son blog. 

     

    On peut modifier le code selon son gout. Pour le fond de la bulle, envoyer une image de la texture de votre choix dans vos fichiers Eklablog. Pour ça vous allez dans le menu de votre blog: "Contenu/Gérer les fichiers"

    Dans la fenêtre qui s'ouvre, vous choisissez une image dans votre disque-dur et envoyez votre image dans vos fichiers chez Eklablog.

     

    Parcourez votre disque-dur à  la recherche d'une image de fond

    Ouvrez le fichier

    Ici j'ai trouvé sur mon disque dur une petite image de 256x256px qui fait 82Ko seulement.

    Je l'ouvre en double-cliquant sur le nom du fichier ou en cliquant sur "Ouvrir"

     

     

    Récupérez l'adresse de l'image envoyée chez Eklablog

    Dans la fenêtre du navigateur, vous "Copiez" (Ctrl-C) l'adresse de votre image qui est maintenant chez Eklablog et qui s'affiche.

    Puis vous la "Collez" (Ctrl-V) à la place de l'adresse de l'image de La gentille rebelle dans le code CSS

     

    Chez moi, sur Microbidouille ça donne ça:

    Pour moi ça donne ça.

     

     

    Pour la couleur du texte,

    vous pouvez la choisir toujours chez La gentille rebelle ICI

    Cliquez sur la couleur de votre choix et faites un "Copier" du code hexadécimal qui s'affiche dans la petite fenêtre en bas à droite (Color code:). Puis "Coller" dans le code CSS

    Choisissez une couleur et récupérez le code hexadécimal

    J'ai choisi la couleur blanche.

     

    Vous pouvez également changer d'autres paramètres comme la grandeur de la font (font-size) qui est à 18px par défaut.

     

    Voilà qui complète cet article.

    Un grand merci à La Gentille rebelle pour sa participation.

     

    N'hésitez pas à demander si vous avez des difficultés.

     

    Un commentaire dans la bulle (Complété)

     

    « Des flèches de navigation rapide verticale.Créer son tableau avec Eklablog »

    Tags Tags : , ,
  • Commentaires

    1
    Dimanche 9 Mars 2014 à 17:28

    Je vais essayer Michel ... à tête reposée .. lol .

    Il faut aussi que je pose les flèches de navigation rapide verticale .

    Merci de te décarcasser pour nous .

    Tu es génial ....

    Nadège

    2
    Dimanche 9 Mars 2014 à 19:35

    Toujours plein de petites astuces que je vais essayer de mettre en pratique dès que j'aurai un peu de temps... pour le moment, c'est mal barré, ma mère est retombée, s'est fracturé l'autre col du fémur et a été opérée lundi dernier... Je l'ai récupérée à la maison vendredi car, en plus, elle a fait un avc transitoire et a de gros problèmes de langage et d'autonomie... n'est plus continente et ne peut plus manger seule... donc personne ne veut la prendre... et, de toute façon, moi je ne voudrais pas la laisser dans une maison où on la laisserait mourir !! Mais ça fait du boulot malgré les aides que j'ai et j'ai encore moins de temps à moi... mais ça va viendre !! wink2

    Gros bisous, michel et merci encore pour cette astuce.

    3
    Dimanche 9 Mars 2014 à 20:52

    Simple comme bonjour ... il suffit juste de savoir

    Merci pour cette astuce Michel

    4
    Dimanche 9 Mars 2014 à 21:30

    Bonsoir Michel

    Je ne pense pas de le faire pourtant je le savais

    Je te souhaite une bonne soirée, bisous

    5
    Lundi 10 Mars 2014 à 07:31

    Ca ne fonctionne pas pour moi !! et pourtant regarde !!

    Merci de me dire ?

    6
    Lundi 10 Mars 2014 à 11:49

    C' est bon Michel ...

    Merci

    Amitié.

    7
    Lundi 10 Mars 2014 à 16:02

    Coucou Michel,

    oh la la! c'est trop compliqué pour moi et je n'ai pas le temps!

    Mais c'est très bien, tu réussis ça très bien. Bravo.cool

    Belle journée et bisous.

     

    8
    Lundi 17 Mars 2014 à 17:17

    mais oui qu'elle est belle, avec toi pour faire tout le boulot!

    9
    Vendredi 28 Mars 2014 à 20:13

    Merci infiniment, c'est tout simple en fait et cela fait son petit effet !

    Bien amicalement

    Danielle

    10
    Jeudi 3 Avril 2014 à 18:12

    félicitations pour ces excellents conseils très bien expliqués !

    Am

    11
    Mardi 10 Juin 2014 à 18:09

    Bravo Michel pour ce beau blog utile et merci surtout de partager avec nous ton savoir.

    Je te mets vite dans mes favoris et reviendrai dès que j'aurai un temps pour voir toutes tes astuces.

    Douce soirée et gros bisous

    12
    Mardi 24 Juin 2014 à 14:37

    Kikou Michel

    Il est super bien fait ton blog et tes conseils sont très bien expliqués, t'imagines je comprends ih ih ih !!!! malgré ma 3ème jeunesse et ma blondeur (enfin avec pas mal de gris zossi MDR !!!!)

    Tu te moques là ih ih ih !!! oui oui moi la Lorraine et c'est le comble c'est vrai j'ai un peu froid avec 22 degrés parce que le vent souffle fort et pissétout MDR !!!!! En Lorraine avec 19 ° j'étais dos nu, en short ih ih ih !!! mais ici que veux-tu c'est la doudoune c'est pas le même froid MDR !!! Bisous t'inquiète pas je me couvre Merci Michel.

    13
    Mardi 8 Juillet 2014 à 22:44

    merci beaucoup ,,,,,

    14
    Mercredi 9 Juillet 2014 à 15:46

    ton blog est juste "génial"...j'y passerai avec plus de temps de chez moi, hmmm, hmm oops merci pour toutes astuces cool

    15
    Mardi 9 Septembre 2014 à 18:58

    Merci pour ton commentaire sur mon dernier article où j'ai pu appliquer les bulles sur images !

    C'était tout simple mais fallait que je passe par chez toi pour y penser et trouver la façon de faire !

    T'es trop fort !

    Bonne soirée

    16
    Dimanche 19 Octobre 2014 à 19:56

    Merci beaucoup  c'est trop cool !! bonne soirée

    17
    Jeudi 19 Février 2015 à 10:53

    Un petit tour pour regarder les solutions proposées....et expliquées...

    Intéressant, même si cela ne peut me servir pour l'instant...

    je note l'adresse dans mes blogs "a voir"

    bonne journée

    18
    Vendredi 1er Mai 2015 à 11:49

    cool ! depuis le temps que je me prends la tête pour savoir comment réaliser ce petit + yes

    merci beaucoup pour le coup de main 

    bonne journée

    19
    Lundi 18 Mai 2015 à 12:20

    Salut Michel

    par contre tu fais comment pour agrémenter la bulle de coins arrondits et de couleur à l'interrieure

    merci de ta visite

    bonne journée à toi

    amicalement ... Georges

    20
    Lundi 18 Mai 2015 à 15:38

    Coucou Michel,

    ça a l'air facile mais pas le temps de me pencher sur le sujet!

    Bonne fin de journée et bise.

    21
    Lundi 18 Mai 2015 à 15:50

    merci Michel pour ces explications  !  oui je trouve ça joli !! 

    j'essayerai ... bel am  A+

    22
    Lundi 18 Mai 2015 à 16:49
    23
    Lundi 18 Mai 2015 à 18:25
    Quand je vois tout ce que j'ai à reprendre pour que mon blog soit plus allégé dans les colonnes ça fiche le bourdon .. je suis bien trop nulle et j'ai trop peur de tout perdre en faisant une mauvaise manip .. c'est déprimant
    24
    Lundi 18 Mai 2015 à 19:51

    Encore des nouveautés !! Génial Michel !! merci. je vais regarder cela à tête reposée.

    Passe une bonne soirée ...

     

    25
    Lundi 18 Mai 2015 à 20:45

    J'avoue que je suis contente que tu l'aies fait pour moi ! j'avoue que je pense que je serais perdue en route très vite ! mais pourtant c'est tout à fait vrai que ton article est très bien expliqué !

    Bise

    Am

    26
    Lundi 18 Mai 2015 à 21:52

    oh lalala j'ai capté mais pas tout compris, faudra que je fasse ça un matin, en plus la couleur bleue comme ça , ça me va donc vais pas me traumatiser , je copierai ton papier lol.. ça va avec mon blog !  car ça m'interesse ce truc là ! je ferai ça ce w.end, on a 3jrs vais bien trouver une journée à rester à la maison !!! plein de choses à faire, c'est bien beau d'aller courir après les chevaliers hein !!! mais pendant ce temps là rien ne se fait !

    merci pour tes petits trucs bien sympa , et toujours expliqué de manière très simple, bien la complication de la chose !!!

    tu aurais fait un bon prof !!

    un bizou et un bon lundi soir michel, FLO

    27
    Lundi 18 Mai 2015 à 22:31

    Bonsoir Michel

    C'est fait, j'en ai fait l'essai

    Merci pour le partage

    Je te souhaite une bonne soirée, bisous

    28
    Mardi 19 Mai 2015 à 00:45

    Super sa fonctionne

    je l'ai installer sur mon blog années vinyl pour le moment

    j'ai mis une image pour le moment provisoire

    merci Michel

    amicalement ... Georges

    29
    Mardi 7 Juillet 2015 à 11:26

    bonjour et merci pour le partage 

    30
    Vendredi 13 Mai 2016 à 23:13

     

    Merci pour ces infos,

    je reviendrai lorsque je serai prête à le faire.

    Merci et bon week end,

    Allison

     

    31
    Samedi 14 Mai 2016 à 19:54

    Ah oui, ça c'est pas bête parce que je me demandais justement comment changer le texte de ces bulles... Bon, je ne vais pas faire ça maintenant, tu t'en doutes... mais à tête reposée quand je serai enfin disponible !! Mais c'est une vraie bonne idée. Merci pour ces explications très claires et merci donc à cette gentille rebelle qui partage avec nous ses solutions. Gros bisous à toi, michel et à bientôt sur ton blog perso.
    Cath

    32
    Lundi 5 Septembre 2016 à 14:37

    Merci Michel :)

    Maintenant j'ai plus qu'à changer mes textes :)

    Bises

    Lydie

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :