Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Placer une image comme titre de forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Astuce Placer une image comme titre de forum

Message 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

  1. Editez la catégorie ou le forum en cliquant sur la roue crantée edit ;

  2. 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" />



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.

Ea

Ea
Aidactif
Aidactif

Messages : 23581
Inscrit(e) le : 04/04/2008

Voir le profil de l'utilisateur
Ea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum