Personnalisation des légendes d'images

[ikeda]

Bonjour à tous,

Lorsqu'on demande à Joomla d'afficher la légende d'une image dans un article, cette image prend la classe "caption".
Est-il possible de personnaliser en CSS l'aspect de cette légende ? (taille, couleur, etc.)

Merci !

[sharky]

Re : Personnalisation des légendes d'images

Si tu utilises JCE, il y a déjà quelques uns de ces paramètres modifiable
Pour le reste, oui dans le CSS

[ikeda]

Re : Personnalisation des légendes d'images

Merci Sharky pour ta réponse.
Pour l'instant, je n'utilise pas encore JCE.

S'il est possible de cibler la légende d'une image de classe caption sans JCE, comment cela doit-il être rédigé dans le fichier CSS ?

[sharky]

Re : Personnalisation des légendes d'images

Alors qu'utilises-tu pour faire cet effet sur une image ?

[ikeda]

Re : Personnalisation des légendes d'images

Euh… justement… c'était ma question… hum.

[lucvillalba]

Re : Personnalisation des légendes d'images

j'ai essayé avec .caption , img.caption , img.title rien n'y fait, j'avoue que ça m'intéresse aussi et impossible de trouver le paramètre correct...

[ikeda]

Re : Personnalisation des légendes d'images

Bonjour Luc,

N'ayant pas obtenu de réponse claire à ma question, j'ai passé ma journée d'hier là-dessus…
Voici donc comment je m'en suis tiré.

Il faut effectivement installer l'éditeur de texte JCE, qui est gratuit.
Ensuite, le définir comme éditeur par défaut dans ton admin.

Puis, il faut installer le plugin Caption (même éditeur que JCE), et ensuite l'activer dans la gestion des plugins.
Par contre, celui-ci est payant… il faut prendre un abonnement sur le site de l'éditeur pour le télécharger.

Cela rajoute à ta barre de menus de ton éditeur d'articles la possibilité d'intervenir sur tes légendes d'images.

Tu peux ensuite cibler en CSS :

.wf_caption
pour le conteneur global (image + texte de légende)

.wf_caption span
pour la légende elle-même


:-)

[sharky]

Re : Personnalisation des légendes d'images

j'ai essayé avec .caption , img.caption , img.title rien n'y fait, j'avoue que ça m'intéresse aussi et impossible de trouver le paramètre correct...

Pour que ça fonctionne, il faut aussi indiquer dans le CSS ce que représente, quel est l'effet de .caption , img.caption , img.title

[lucvillalba]

Re : Personnalisation des légendes d'images

@ Ikeda: Ce qui m'interesse, c'est de le faire sans composant supplémentaire...

@ Sharky: J'ai essayé avec un background-color mais ça n'a pas d'effet. Que veux-tu dire par "il faut aussi indiquer dans le CSS ce que représente, quel est l'effet de .caption"?

[sharky]

Re : Personnalisation des légendes d'images

Je veux dire que sila classe ou id n'existe pas il ne peut avoir d'effets

[ikeda]

Re : Personnalisation des légendes d'images

@ luc : c'est ce que je souhaitais faire à la base… mais n'ayant pas eu de réponse en ce sens… et après avoir passé pas mal de temps à faire des essais assez similaires aux tiens…

Ma foi, si jamais c'est réellement possible sans JCE caption, ça aurait été sympa qu'on me le dise…

[djb77]

Re : Personnalisation des légendes d'images

salut,

moi j'utilise le plugin Easy Image Caption. Bien configuré il fonctionne bien pour légender les images
Exemple ici

[ikeda]

Re : Personnalisation des légendes d'images

Merci dbj77. J'imagine que tu as dû beaucoup souffrir pour réaliser ce site :-)

Par contre, sous Safari, le redimensionnement de la fenêtre pose quelques soucis au niveau des cadres.
Tu es sans doute déjà au courant.