Une alternative à spoiler, qui affiche une petite boîte volante au survol d'un texte...

La syntaxe est [pop]Texte court[:]Texte long[/pop].

Exemples:

Attention aux révélationsUne autre fois peut-être !... Code : Attention aux [pop]révélations[:]Une autre fois peut-être ![/pop]...

Pouvoirs à volonté : Coup Affaiblissant Coup Affaiblissant - Attaque de Paladin 1 Votre attaque brutale laisse votre ennemi chancelant. A volonté ♦ arme, divin Action Simple ♦ Corps à corps ♦ arme Cible: une créature Attaque: Charisme vs. CA Touché: 1[A]+modificateur de Charisme dégâts. Si vous avez marqué la cible, elle subit un malus de -2 aux jets d'attaque jusqu'à la fin de votre tour de jeu suivant. Augmentation des dégâts à 2[A]+modificateur de Charisme au niveau 21. , ... Code : Pouvoirs à volonté : [pop][b][color=#008000]Coup Affaiblissant[/color][/b][:] [list=.atwill] [*][b]Coup Affaiblissant[/b] - Attaque de Paladin 1 [*][i]Votre attaque brutale laisse votre ennemi chancelant.[/i] [*][b]A volonté ♦ arme, divin[/b] [b]Action Simple ♦ Corps à corps ♦ arme[/b] [b]Cible[/b]: une créature [b]Attaque[/b]: Charisme vs. CA [*][b]Touché[/b]: 1[A]+modificateur de Charisme dégâts. Si vous avez marqué la cible, elle subit un malus de -2 aux jets d'attaque jusqu'à la fin de votre tour de jeu suivant. [*]Augmentation des dégâts à 2[A]+modificateur de Charisme au niveau 21. [/list][/pop], ...

Vî... elle est jolie, aussi, celle-là !

Elle déchire trop ! Pour faire des fiches de personnages c'est le top !

Bravo

Génial !!!!
Merci Flo

Je viens signaler un problème mineur sur cette balise (que je trouve géniale au passage )

Dans le fichier suivant, on peut voir qu'un texte qui est marqué de la balise pop (ici 17) se superpose avec le texte affiché d'une autre balise pop (ici 10 base + 3 Dex).


Je précise que j'ai fait le test aussi en enlevant les cadres, et c'est la même chose.

Est-ce que c'est normal, et peut-on trouver un moyen pour que ce ne soit pas le cas ?

EDIT : J'ai une deuxième demande sur la balise. Quand on l'utilise combinée dans une table, la fenêtre d'affichage est réduite pour s'adapter à la taille de la case (voir deuxième pièce jointe). Est-ce que c'est techniquement possible que la fenêtre ne tienne pas compte des dimensions de la case ? Je pense que ça pourrait être utile si quelqu'un veut ajouter du texte sans pour autant avoir un tableau énorme.


Comment ça je m'amuse avec les dernières balises ? Mais pas du tout...

Je crois avoir réussi à corriger les deux problèmes. Dis-moi si ça fonctionne bien pour toi.
Penses à forcer le refresh de la page (Ctrl+F5) pour s'assurer que tu as bien la dernière feuille de style avec les corrections.

Aucun souci sur le post test que tu as fait dans le bac à sable.

Merci beaucoup (encore une fois )

C'est vraiment très classe !

Un petit défaut (d'ordre purement cosmétique) que je remarque toutefois : quand le contenu de la balise "pop" déborde le bord droit du cadre - parce que lié à une portion de phrase en fin de ligne -, et la mise en page de l'ensemble de la page s'en ressent, comme quand on met une image vraiment trop large. L'ajustement automatique largeur de la page = largeur de la fenêtre du navigateur ne se fait plus, il faut scroller sur le côté pour avoir la fin du contenu de la balise, et du coup ça fait un peu de flottement sur toute la page. Ce n'est pas essentiel, mais est-ce qu'il n'y a pas moyen de corriger ça en intégrant dans le code que la balise ne doit pas déborder, et que c'est à elle de s'ajuster ou de se décaler plutôt qu'à la page ?

Voilà, en dehors de ce petit vraiment tout petit bémol, c'est encore une fois du grand art, digne de l'enseigne de Moradin. Ne reste plus qu'à mettre le bouton correspondant dans l'éditeur avancé.

Algernon, tu peux me poster un exemple? Tu constates ça sur tous les navigateurs?

Constatation faite sur cette page même. Je suis sous Mac et j'utilise Firefox.


Test fait sous Safari, l'effet est différent. Le contenu de la balise est "coupé" au niveau du bord droit et on ne peut donc pas lire le texte qui dépasse (... ou ne dépasse pas, en l'espèce).

J'aurais pas dû me plaindre : maintenant ça marche moins bien. Sous Firefox maintenant ça déborde toujours mais on ne peut plus scroller latéralement pour lire ce qui dépasse. Enfin, on peut, mais l'écran se replace automatiquement avant que j'ai le temps de lire.

Sur Chrome (avec Windows 7), je viens de voir que ça dépassait également. Par contre, ce qui est marrant, c'est que le scroll latéral n'apparaît qu'à partir du moment où on fait apparaître le texte concerné. Et ce scroll disparaît quand on fait apparaître le texte d'une autre balise pop qui ne dépasse pas du bord.

Je suis sur Chrome avec MAC (OSX Yosemite), et j'ai le même problème sauf que je n'ai pas de scroll latéral possible donc impossible de lire une partie du texte.

À noter que lorsque je fais apparaitre le screenshot de'Algernon, ça élargit la page et du coup je peux scroller latéralement et voir le texte qui était caché.

parce que c'est un screenshot !
et qu'il n'y a pas de souci d'affichage pour les images ....

Je n'ai pas encore trouvé la solution idéale, mais au moins ça devrait être à peu près le même comportement sur tous les navigateurs maintenant.

S'il y a un pro de html/css qui passe par ici, je veux bien un coup de main, ça m'évitera de me creuser les méninges...
Sachant que j'aimerai autant que possible éviter d'avoir recours à du js (mais je ne suis pas certain qu'on puisse faire mieux en pur css).
Voilà comment j'ai défini les styles associés à cette balise :

Pour moi il n'y a pas eu de changement. :/

Est-ce que quelqu'un a pu essayer de se pencher sur le problème finalement ?

je suis out sur ce coup là !

Up du sujet et question complémentaire :
n'était-il pas question que cette balise puisse être utilisée sur les BM selon certaine modalités ?