Aide générale [Réglé] Faire des légendes photos Avec PBT 4.1
Visiteur
EDN Helpers
Message : 0
Bonjour,
Il y a longtemps que je ne suis pas passé par-là. Je m'aperçois que le site a beaucoup évolué. C'est tant mieux
Je viens vers les spécialistes du graphisme que vous êtes, car je rencontre un souci de présentation de légende photo sur un site que je suis en train de mettre en ligne. Comme vous le voyez dans l'exemple ci-dessous, j'ai une photo avec une légende sous la photo, assez longue certes. Mais la présentation de cette même légende ne fait pas très propre. Je souhaiterais faire en sorte qu'elle apparaisse sous la souris, mais qu'elle disparaisse une fois la souris retirée. C'est ce que font les sites comme Lefigaro ou Le Monde. Savez-vous si l'on peut faire cela avec PBT ? Ou au moins comment je pourrais améliorer cette présentation ? Je précise que j'utilise la version 4.1 de PBT, avec le thème base et le code suivant pour insérer la photo :
D'avance merci de vos réponses.
Cordialement.
Il y a longtemps que je ne suis pas passé par-là. Je m'aperçois que le site a beaucoup évolué. C'est tant mieux
Je viens vers les spécialistes du graphisme que vous êtes, car je rencontre un souci de présentation de légende photo sur un site que je suis en train de mettre en ligne. Comme vous le voyez dans l'exemple ci-dessous, j'ai une photo avec une légende sous la photo, assez longue certes. Mais la présentation de cette même légende ne fait pas très propre. Je souhaiterais faire en sorte qu'elle apparaisse sous la souris, mais qu'elle disparaisse une fois la souris retirée. C'est ce que font les sites comme Lefigaro ou Le Monde. Savez-vous si l'on peut faire cela avec PBT ? Ou au moins comment je pourrais améliorer cette présentation ? Je précise que j'utilise la version 4.1 de PBT, avec le thème base et le code suivant pour insérer la photo :
Code BBCODE :
.[lightbox=/upload/nomdufichierdelimage.jpg][img alt="Description de l'image"]/upload/nomdufichierdelimage.jpg[/img][/lightbox]
D'avance merci de vos réponses.
Cordialement.
[img alt="Le golf nécessite un équipement qui est qualifié par les vendeurs de « technique »/Photo © Marysa Merlo"]/upload/des-clubs-de-golf.jpg[/img]
Le golf nécessite un équipement qui est qualifié par les vendeurs de « technique »/Photo © Marysa Merlo
![[img alt="Le golf nécessite un équipement qui est qualifié par les vendeurs de « technique »/Photo © Marysa Merlo"]/upload/des-clubs-de-golf.jpg[/img]](/upload/des-clubs-de-golf.jpg){kind=link}
Re,
@Sch: essaie cela ..
ha bah je viens de voir ... c'est Ok sur la 4.0 & 4.1! c'est bon .. mais là ce que demande sch c'est la visibilité au survole .. c'est bizarrement en ajoutant l’attribut title="plop" que cela fonctionne.
Mais ici cela ne fonctionnent pas
Swan
@Sch: essaie cela ..
ha bah je viens de voir ... c'est Ok sur la 4.0 & 4.1! c'est bon .. mais là ce que demande sch c'est la visibilité au survole .. c'est bizarrement en ajoutant l’attribut title="plop" que cela fonctionne.
Code BBCODE :
[img alt="bf-millenium V2" title="mon jeu"]/upload/2015_06_25_millenium_v2.jpg[/img]
Mais ici cela ne fonctionnent pas
Swan
Bonjour,
hum de mon côté en V4.1.5 j'ai aucun problème.
Exemple :
Ce que cela donne en HTML :
Les pages : http://janus57.olympe.in/phpboost_v4-1/articles/0-root/2-test-tag-alt/ + http://janus57.olympe.in/phpboost_v4-1/news/0-root/2-test-tag-alt/
Perso je vois bien le alt attribué à la balise img, et le code du module BBCode autorise cela vu qu'on peut remplacer alt="valeur" par style="css" (Cf : http://www.phpboost.com/wiki/principales-balises-bbcode#paragraph_images )
Cordialement, janus57
hum de mon côté en V4.1.5 j'ai aucun problème.
Exemple :
Code BBCODE :
[img alt="fairy-tail-wallpaper.jpg"]/upload/fairy_tail_wallpaper.jpg[/img] [lightbox=/upload/fairy_tail_wallpaper.jpg][img alt="fairy-tail-wallpaper.jpg"]/upload/fairy_tail_wallpaper.jpg[/img][/lightbox]
Ce que cela donne en HTML :
Code HTML :
<img src="http://janus57.olympe.in/phpboost_v4-1/upload/fairy_tail_wallpaper.jpg" alt="fairy-tail-wallpaper.jpg"> <a href="http://janus57.olympe.in/phpboost_v4-1/upload/fairy_tail_wallpaper.jpg" rel="lightbox[2]"><img src="http://janus57.olympe.in/phpboost_v4-1/upload/fairy_tail_wallpaper.jpg" alt="fairy-tail-wallpaper.jpg"></a>
Les pages : http://janus57.olympe.in/phpboost_v4-1/articles/0-root/2-test-tag-alt/ + http://janus57.olympe.in/phpboost_v4-1/news/0-root/2-test-tag-alt/
Perso je vois bien le alt attribué à la balise img, et le code du module BBCode autorise cela vu qu'on peut remplacer alt="valeur" par style="css" (Cf : http://www.phpboost.com/wiki/principales-balises-bbcode#paragraph_images )
Cordialement, janus57
Re,
il ne sert peut être pas à ça, mais il fait de que sch demande.
Je ne suis pas en concurrence avec le site officiel. Mais cela deviens pénible de ramener toutes les solution à PBt ! J'ai une manière de voir les choses, c'est d'aider simplement ceux qui le demande ..
Désolée que mes manières de faire simple ne te conviennent pas Janus.
Swan.
il ne sert peut être pas à ça, mais il fait de que sch demande.
Je ne suis pas en concurrence avec le site officiel. Mais cela deviens pénible de ramener toutes les solution à PBt ! J'ai une manière de voir les choses, c'est d'aider simplement ceux qui le demande ..
Désolée que mes manières de faire simple ne te conviennent pas Janus.
Swan.
Bonjour,
je ramène pas tout au site officiel, pas de ma faute si il poste ici et sur le site officiel.
Je dit simplement que la manière encore plus simple c'est de mettre l'image + description dans un [block] (que l'on peu habiller en CSS ou non), pour éviter l'utilisation de title qui ne sert pas à ça et surtout peu éventuellement provoquer un "malus" côté référencement.
Sinon la visibilité au survol d'une légende est je pense une mauvaise idée, la légende devrait être affiché à côté ou en dessous sans avoir à "forcer" le visiteur à pointer dessus.
Sinon y a aussi le choix d'utiliser directement les balises HTML5 prévu à cette effet.
Source (HTML5 et éviter l'abus de title):
http://www.alsacreations.com/article/lire/1337-html5-elements-figure-et-figcaption.html
http://www.24joursdeweb.fr/2013/attribut-title-avec-moderation/
Vu que mes remarques sont inutiles et/ou ne me conviennent pas je vais alors m'abstenir.
Cordialement, janus57
je ramène pas tout au site officiel, pas de ma faute si il poste ici et sur le site officiel.
Je dit simplement que la manière encore plus simple c'est de mettre l'image + description dans un [block] (que l'on peu habiller en CSS ou non), pour éviter l'utilisation de title qui ne sert pas à ça et surtout peu éventuellement provoquer un "malus" côté référencement.
Sinon la visibilité au survol d'une légende est je pense une mauvaise idée, la légende devrait être affiché à côté ou en dessous sans avoir à "forcer" le visiteur à pointer dessus.
Sinon y a aussi le choix d'utiliser directement les balises HTML5 prévu à cette effet.
Source (HTML5 et éviter l'abus de title):
http://www.alsacreations.com/article/lire/1337-html5-elements-figure-et-figcaption.html
http://www.24joursdeweb.fr/2013/attribut-title-avec-moderation/
Vu que mes remarques sont inutiles et/ou ne me conviennent pas je vais alors m'abstenir.
Cordialement, janus57
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie