Icone ou petite image devant le titre d'une catégorie

[Hellpipotage]

Hello,
Je me présente David 38 ans.
Je suis en train d'essayer de réaliser un site web (en local actuellement) pour mon club de sport.
J'ai créé des articles liés a une catégorie, elle meme liée à un module.
J'ai divisé ma page en 3 (left-center-right) dans chaques 3 modules différents liés à 3 catégories différentes.
J'aimerais pouvoir mettre un icone ou petite image denat le titre de mes catégories.
un peu comme ici www.oree.be (catégorie actu hockey-actu tennis-actu club).

La je patauge et ne sais pas trop comment faire.

[woluweb]

A priori je dirais de déjà mettre un texte ou une image dans la Description de la catégorie.
Puis le cas échéant adapter au style qu'on veut.

[lefabdu51]

Bonsoir.
Les modules sont de quel type?
Ce qui apparait c est le titre du module ou celui de la catégorie ?

[Hellpipotage]

Bonjour, et erci de m'avoir répondu.
woluweb, c'est justement ce que je n'arrive pas à faire.

lefabdu51 modules Articles-catégories et c'est bien le titre du module qui apparait.
merci d'avance

[RobertG]

Bonjour,

Le template du site en question est https://bdthemes.com/portfolio-item/...omla-template/

Il n'est plus disponible, mais j'ai l'impression qu'il utilise un module particulier. Ce ne sont pas des images liées à la colonne, mais un moyen d'accéder à du contenu, comme on le voit bien sur Oree et sur la démo.
Je n'ai pas d'expérience de Warp et donc je ne sais pas si c'est une extension tierce ou une fonctionnalité de ce framework qui est utilisée pour cet effet. On doit pouvoir poser la question à son auteur

[Hellpipotage]

@RobertG merci pour ta réponse, en fait pour ma part j'utilise le framework astroid. merci

[RobertG]

Tu peux quand même poser la question à l'auteur du template pour essayer de savoir ce qu'est cette parie qui t'intéresse : module ou autre chose.

[RobertG]

Bon, j'ai posé la question, et il s'agit d'un widget perso des auteurs, qui ne semble donc pas (ou plus) disponible.

[lomart]

Bonjour,

Il est possible de faire cela avec UP et un module personnalisé.

{up addclass=papy | selector=.mon_bloc | parent=2 | css-head=.papy h3:before[content:url(/images/pdf.png); margin-right:10px].papy[background:#ffa]}
{up jcontent-list=2 | class=mon_bloc}

L'astuce est d'ajouter une classe à la div principale du module, puis de styler le titre qui est juste au-dessous.
plus d'infos ici : https://up.lomart.fr/demo/action-addclass
J'utilise une liste des articles d'une catégorie, mais jcontent-by-categories peut donner un résultat plus stylé

Un des avantages de cette méthode est que l'on gère tout à partir du module.
Sinon la solution sans UP est de donner un nom de classe au module, puis de créer une règle CSS dans le fichier custom.css pour habiller le titre

Le résultat : une image devant le titre et un changement de couleur de fond du module

[RobertG]

Merci Loïc, mais si ça me paraît répondre à l'image du premier message, ça ne correspond pas à ce qu'on voit sur oree.be où, comme je l'ai dit, il ne s'agit pas de colonnes de modules comme le décrit Hellpipotage.

J'aimerais bien savoir d’ailleurs si une extension existe déjà pour un affichage comparable à celui d'Oree.

[lefabdu51]

bonjour,
avec ce module, pour viser le titre du module, il faut aller dans les paramètres avancés de celui ci et utiliser une classe d'entête /titre.
si tu met par exemple module1, tu obtiendras la structure suivante (si tu n as pas touché aux autres paramètres):

<h3 class="module1">

dans ton fichier custom.css, il suffit d'utiliser la règle suivante :

h3.module1:before {
content:url(lien vers mon image);
 /* et on limite la taille de celle ci a toi de choisir en fonction du résultat souhaité */
width: 32px;
}

Verifies le code HTML obtenu autour du titre le cas écheant avec l'inspecteur . Astroid pose peut etre des classes spécifique.
Si tu as et tu veux utiliser glypicon ou font awesome, vas sur le site correspondant et trouves le code unicode de l'image.
Ceci est à faire pour chaque module avec une classe spécifique.

[lomart]

RobertG
Si, avec jcontent-by-categories, cela correspond tout à fait à un blog de catégories dans un module. C'est une question de paramètrage.
Un exemple : la partie news de https://up.lomart.fr/

[RobertG]

En effet, c'est moi qui me suis planté avec les images sous le diaporama d'oree,be !
Mais si je lis mieux, c'est devant "Les news", donc plutôt comme le conseille lefabdu51, qu'il souhaite une image, Dans ton image, ce sont des articles, non ?.

[lomart]

En effet, c'est moi qui me suis planté avec les images sous le diaporama d'oree,be !
Mais si je lis mieux, c'est devant "Les news", donc plutôt comme le conseille lefabdu51, qu'il souhaite une image, Dans ton image, ce sont des articles, non ?.

Non, c'est bien le titre du module

[Hellpipotage]

yes !!! merci les gars pour toutes vos réponses !
Je télécharge Up direct et je met les mains dans le cambui !
C'est tout a fait ce que je voulais faire merci encore @lomart, RobertG, et le fabdu51.
je reviens vers vous pour le résultat.
a bientot et encore merci