🗨️ Phylactère : encore des bulles !


#1

Bonsoir,

Retrouvez ce nouvel exercice pour créer des infobulles ici :

Lien direct : https://oxydum.github.io/phylactere/

Enjoy!


#2

Jean-Bernard,

Outre le très joli nom de “Philactère” donné à cette adaptation Infobulles, tout ceci fonctionne avec juste une feuille de style et le code d’appel. La feuille de style propose de nombreuses combinaisons.

Attention, les contenus textuels des infobulles ne supportent pas les doubles quotes "...". Les quotes simples sont en revanche acceptées '...'


#3

Bonjour Éric,

Merci, tu peux indifféremment écrire :

    <div class="data-tip-top data-tip-red" data-tip='une bulle avec " !'> Une bulle ?
    </div>
    <div class="data-tip-top data-tip-red" data-tip="une bulle avec ' !"> Une bulle ?
    </div>

et bien entendu, tu peux remplacer les <div> par des <p> ou des <span> ou ce que tu veux… il est intéressant ici d’étudier ce qui caractérise data-tip et comment il est rendu.

Elle n’est pas belle la vie ? :sunglasses: