Annonce

  •  » Styles
  •  » Styler le texte de description d'image

#1 2020-02-18 19:51:32

Katryne
Membre
Provence
2016-12-03
1193

Styler le texte de description d'image

Bonsoir Bonsoir !

Sur notre Images & Docs (https://photos.revestou.fr/picture?/Le- … ersonnages), je rencontre des soucis de style avec les retours à la ligne. Le thème est un Clear modifié via LocalFileEditor.

Je n'arrive pas à styler l'ensemble du texte de la description d'une image, mais seulement ses paragraphes. Je cherche à mettre un background en rgba pour que le texte soit plus contrasté, mais qu'on voie encore l'image de fond de site. Et je ne parviens à le faire que sur les paragraphes. Entre les paragraphes c'est de nouveau l'image "non blanchie" et c'est très moche. Donc je cherche déjà quel est l'identifiant de l'ensemble du texte de description, et je ne trouve pas.

Voilà un exemple de page aux paragraphes "stylés" : https://photos.revestou.fr/picture?/Cab … ry/30sites

J'essaye alors de ruser et de modifier le texte (j'utilise FCKEditor) pour ne faire qu'un seul paragraphe qui serait balisé par des retours charriot (des BR).

Ce n'est pas une solution et comme nous sommes plusieurs contributeurs-rédacteurs maintenant, ce ne va pas être aisé de passer à tous le message : remplacer les fin de paragraphes par des retours à la ligne.

Qui aurait une idée pour styler l'ensemble du texte de description en page image ?
Merci d'avance de toute suggestion.

Dernière modification par Katryne (2020-02-18 19:57:32)


https://photos.revestou.fr/  v.12.2 - https://dardennes.revestou.fr/ v.11.5 - http://photos.katrynou.fr/ v.11.5 https://album.chauvigne.info/ v.12.2
Système d'exploitation: Linux - Hébergeur 1&1-Ionos PHP: 7.4.29 - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#2 2020-02-18 20:47:26

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16208

Re: Styler le texte de description d'image

Bonjour,

Sur tes liens je ne vois pas de description ?

tu parle de quelle partie du texte ?


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#3 2020-02-18 21:06:36

Katryne
Membre
Provence
2016-12-03
1193

Re: Styler le texte de description d'image

En dessous de l'image. voir PJ


https://photos.revestou.fr/  v.12.2 - https://dardennes.revestou.fr/ v.11.5 - http://photos.katrynou.fr/ v.11.5 https://album.chauvigne.info/ v.12.2
Système d'exploitation: Linux - Hébergeur 1&1-Ionos PHP: 7.4.29 - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#4 2020-02-18 21:16:37

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16208

Re: Styler le texte de description d'image

Bonjour,

je dirais que le contener est imageComment mais que FCKEditor mais un peux la m....

dans le code c'est
<p class="imageComment">{$COMMENT_IMG}</p>


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#5 2020-02-18 21:55:39

Katryne
Membre
Provence
2016-12-03
1193

Re: Styler le texte de description d'image

Merci, mais la class imageComment, ça donne rien. En fait, il n'y a rien de défini pour cette zone.
div#theImage commence juste au bord haut de l'image et s'arrête à la fin de la description. Il n'y a a pas moyen de styler uniquement la description sauf à la mettre dans une div. Comment spécifier que la description d'image est dans une div ?

La seule chose que j'ai réussi (encore du bricolage), c'est en mode source, mettre le texte de la description dans une div et styler cette div ainsi :

Code:

div#theImage div {background-color:rgba(238, 238, 238,.7);}

Et je pourrais aussi y styler la taille de la police à cet endroit-là.
Mais cela implique que j'aille rebricoler TOUTES les descriptions d'image.


https://photos.revestou.fr/  v.12.2 - https://dardennes.revestou.fr/ v.11.5 - http://photos.katrynou.fr/ v.11.5 https://album.chauvigne.info/ v.12.2
Système d'exploitation: Linux - Hébergeur 1&1-Ionos PHP: 7.4.29 - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

#6 2020-02-19 06:33:53

ddtddt
Équipe Piwigo
Quetigny (21) - France
2007-07-27
16208

Re: Styler le texte de description d'image

Bonjour

Je dirais de juste modifier picture.tpl ... avec localfileditor


Vous aimez Piwigo alors n'hésitez pas à participer avec nous, plus d'infos sur la page "Contribuer à Piwigo". Si vous n'avez pas beaucoup de temps et que vous souhaitez nous soutenir vous pouvez aussi le faire par un don.

Hors ligne

#7 2020-02-19 11:54:57

Katryne
Membre
Provence
2016-12-03
1193

Re: Styler le texte de description d'image

MERCI ! C'est tout bon, j'ai remplacé (en local) dans picture.tpl le p par une div pour imageContent.
Et comme l'espace entre les paragraphes demeurait trop important, j'ai dû spécifier un margin-bottom négatif dans le css, toujours en local.

picture.tpl

Code:

<div class="imageComment">{$COMMENT_IMG}</div>

css

Code:

div#theImage p {text-align:left;padding: 0 5%;font-size:0.9rem;margin:0 0 -1rem 0;}

https://photos.revestou.fr/  v.12.2 - https://dardennes.revestou.fr/ v.11.5 - http://photos.katrynou.fr/ v.11.5 https://album.chauvigne.info/ v.12.2
Système d'exploitation: Linux - Hébergeur 1&1-Ionos PHP: 7.4.29 - MySQL: 5.7.38
Bibliothèque graphique: External ImageMagick 6.9.10-23

Hors ligne

  •  » Styles
  •  » Styler le texte de description d'image

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2022 · Contact