Placer une image comme titre de forum

par Ea Mar 19 Fév 2013 - 17:05

Placer une image comme titre de catégorie et / ou forum

Cette astuce explique comment mettre une image en tant que titre de catégorie et / ou de forum, tout en conservant plutôt un texte dans les listes déroulantes de forum, le fil d'ariane et l'affichage de nom de forum dans le Panneau d'administration.

Voir illustration :

Insertion du code HTML

Panneau d'administration  Général  Forum - Catégories et forums

Editez la catégorie ou le forum en cliquant sur la roue crantée ;
Insérez le code HTML ci-dessous dans le champ "Nom de la catégorie" ou "Nom du forum" :

Code:
<span>titre textuel du forum / catégorie</span><img style="display:none" src="http://2img.net/i/fa/i/smiles/icon_smile.gif" />
- Remplacez titre textuel du forum / catégorie par le titre textuel que vous souhaitez ;
- Remplacez https://2img.net/i/fa/i/smiles/icon_smile.gif par l'adresse de l'image que vous souhaitez.

N'oubliez pas de cliquer sur le bouton :enreg:

afin de sauvegarder vos modifications.

Insertion du CSS

Pour un forum

Panneau d'administration  Affichage  Images et Couleurs - Couleurs (Onglet Feuille de style CSS)

Ajoutez le code suivant :

Code:: a.forumlink span, a.forumtitle span { display: none; } a.forumlink img, a.forumtitle img { display: inline!important; }

N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

Pour une catégorie

Panneau d'administration  Affichage  Images et Couleurs - Couleurs (Onglet Feuille de style CSS)

Code:: a.cattitle span, .secondarytitle h2 span, .table-title h2 span, .maintitle h2 span, .page-title h2 span { display: none; } a.cattitle img, .secondarytitle h2 img, .table-title h2 img, .maintitle h2 img, .page-title h2 img { display: inline!important; }

N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.