css pour habiller #DESCRIPTIF

Général
1

Bonjour,
le code [title="(#DESCRIPTIF|textebrut|entites_html)"] permet au survol du
titre d'une rubrique ou d'un article, de faire apparaitre le descriptif lié
au titre.
Son apparence est générée automatiquement et j'aimerais en changer l'aspect.
Ne s'agit il que d'une ligne sur une page css?
Faut il chercher plus loin (type js)?
Bonne journée

---
L'absence de virus dans ce courrier electronique a ete verifiee par le logiciel antivirus Avast.
https://www.avast.com/antivirus

2

Le 03/10/2017 à 15:25, Patrick a écrit :

le code [title="(#DESCRIPTIF|textebrut|entites_html)"] permet au survol du
titre d'une rubrique ou d'un article, de faire apparaitre le descriptif lié
au titre.
Son apparence est générée automatiquement et j'aimerais en changer l'aspect.
Ne s'agit il que d'une ligne sur une page css?

Non, les title ne sont pas gérés par les css,
c'est un affichage "standard" par le navigateur,
non modifiable à ma connaissance.

Il y a des moyens de transformer l'affichage des titles
en les transformant, via javascript, en d'autres éléments que tu peux styler comme tu veux.

Mais tu peux aussi utiliser des data-attributs pour avoir un affichage
que tu peux styler comme tu veux,
soit en javascript par exemple Tippy.js - Tooltip, Popover, Dropdown, and Menu Library
ou jquery.balloon.js Demo page
soit en pur css par exemple avec : Balloon.css — CSS tooltips for HTML elements

JL

3

J'avais déjà vu ça, mais j'ai aussi vu des descriptifs dans des bulles.
J'ai déjà essayé sans y arriver avec spip, par contre merci pour les liens,
sur une page d'essai ça marche reste plus qu'à essayer sur spip en local.
Bonne journée

=======

"JLuc" <jluc@no-log.org> a écrit dans le message de news:
or0nrs$4n4$1@blaine.gmane.org...
Le 03/10/2017 à 15:25, Patrick a écrit :

le code [title="(#DESCRIPTIF|textebrut|entites_html)"] permet au survol du
titre d'une rubrique ou d'un article, de faire apparaitre le descriptif
lié
au titre.
Son apparence est générée automatiquement et j'aimerais en changer
l'aspect.
Ne s'agit il que d'une ligne sur une page css?

Non, les title ne sont pas gérés par les css,
c'est un affichage "standard" par le navigateur,
non modifiable à ma connaissance.

Il y a des moyens de transformer l'affichage des titles
en les transformant, via javascript, en d'autres éléments que tu peux styler
comme tu veux.

Mais tu peux aussi utiliser des data-attributs pour avoir un affichage
que tu peux styler comme tu veux,
soit en javascript par exemple Tippy.js - Tooltip, Popover, Dropdown, and Menu Library
ou jquery.balloon.js Demo page
soit en pur css par exemple avec : Balloon.css — CSS tooltips for HTML elements

JL

---
L'absence de virus dans ce courrier electronique a ete verifiee par le logiciel antivirus Avast.

4

J'ai mis en place ici la solution css
http://imagesetpeche.free.fr/
dans le titre des rubriques à droite, l'habillage css "voulu".
import du fichier balloon.css
appel du fichier dans le head
code dans lefichiers inclures/rubriques.html
<a href="#URL_RUBRIQUE"[
class="(#EXPOSE)"][data-balloon-length="large"data-balloon="(#DESCRIPTIF|textebrut|entites_html)"data-balloon-pos="right"]>[(#TITRE|couper{80})]</a></h1>

J'ai eu une abbération d'affichage résolue par l'emploi de "large"
J'ai cherché à faire la même chose pour les listes d'article mais
l'affichage est trés mauvais, celà doit venir de mon squelettes.
Reste à vérifier comment tout s'affiche sur tablette...
Merci

===========

"JLuc" <jluc@no-log.org> a écrit dans le message de news:
or0nrs$4n4$1@blaine.gmane.org...
Le 03/10/2017 à 15:25, Patrick a écrit :

le code [title="(#DESCRIPTIF|textebrut|entites_html)"] permet au survol du
titre d'une rubrique ou d'un article, de faire apparaitre le descriptif
lié
au titre.
Son apparence est générée automatiquement et j'aimerais en changer
l'aspect.
Ne s'agit il que d'une ligne sur une page css?

Non, les title ne sont pas gérés par les css,
c'est un affichage "standard" par le navigateur,
non modifiable à ma connaissance.

Il y a des moyens de transformer l'affichage des titles
en les transformant, via javascript, en d'autres éléments que tu peux styler
comme tu veux.

Mais tu peux aussi utiliser des data-attributs pour avoir un affichage
que tu peux styler comme tu veux,
soit en javascript par exemple Tippy.js - Tooltip, Popover, Dropdown, and Menu Library
ou jquery.balloon.js Demo page
soit en pur css par exemple avec : Balloon.css — CSS tooltips for HTML elements

JL

---
L'absence de virus dans ce courrier electronique a ete verifiee par le logiciel antivirus Avast.

5

Réglé maintenant de là même façon pour "les articles de la même rubrique"

====

"Patrick" <dupouypa@club-internet.fr> a écrit dans le message de news:
or201o$ctu$1@blaine.gmane.org...

J'ai mis en place ici la solution css
http://imagesetpeche.free.fr/
dans le titre des rubriques à droite, l'habillage css "voulu".
import du fichier balloon.css
appel du fichier dans le head
code dans lefichiers inclures/rubriques.html
<a href="#URL_RUBRIQUE"[
class="(#EXPOSE)"][data-balloon-length="large"data-balloon="(#DESCRIPTIF|textebrut|entites_html)"data-balloon-pos="right"]>[(#TITRE|couper{80})]</a></h1>

J'ai eu une abbération d'affichage résolue par l'emploi de "large"
J'ai cherché à faire la même chose pour les listes d'article mais
l'affichage est trés mauvais, celà doit venir de mon squelettes.
Reste à vérifier comment tout s'affiche sur tablette...
Merci

===========

"JLuc" <jluc@no-log.org> a écrit dans le message de news:
or0nrs$4n4$1@blaine.gmane.org...
Le 03/10/2017 à 15:25, Patrick a écrit :

le code [title="(#DESCRIPTIF|textebrut|entites_html)"] permet au survol
du
titre d'une rubrique ou d'un article, de faire apparaitre le descriptif
lié
au titre.
Son apparence est générée automatiquement et j'aimerais en changer
l'aspect.
Ne s'agit il que d'une ligne sur une page css?

Non, les title ne sont pas gérés par les css,
c'est un affichage "standard" par le navigateur,
non modifiable à ma connaissance.

Il y a des moyens de transformer l'affichage des titles
en les transformant, via javascript, en d'autres éléments que tu peux
styler comme tu veux.

Mais tu peux aussi utiliser des data-attributs pour avoir un affichage
que tu peux styler comme tu veux,
soit en javascript par exemple Tippy.js - Tooltip, Popover, Dropdown, and Menu Library
ou jquery.balloon.js Demo page
soit en pur css par exemple avec : Balloon.css — CSS tooltips for HTML elements

JL

---
L'absence de virus dans ce courrier electronique a ete verifiee par le
logiciel antivirus Avast.
Download Free Antivirus Software | Avast 2024 PC Protection

--------------------------------------------------------------------------------

---
L'absence de virus dans ce courrier electronique a ete verifiee par le logiciel antivirus Avast.