Affichage du titre des catégories en image

[Last Chance for Losers]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Toujours.
Lien du forum : http://odetest.forumactif.com

Description du problème

Bonjour,

Je viens solliciter votre aide pour résoudre un souci que j'ai sur mon forum. Comme beaucoup, j'ai souhaité mettre le titre de mes catégories en image, plutôt qu'en texte classique. J'ai donc mis ce code à la place du titre de mes catégories  :

Code:

<img src="https://image.noelshack.com/fichiers/2018/08/7/1519591975-hall-of-records.png" class="imgcategories">

J'ai attribué une class à ces images afin de pouvoir les positionner correctement à l'endroit voulu. La class .imgcategories contient donc ceci :

Code:

/* NOMS DES CATEGORIES EN IMAGES */
.imgcategories {
  margin-left: 220px;
  padding-right: 0px;
  margin-top: -5px;
}

Cependant, j'ai remarqué que lorsqu'on se rend dans un sujet, a largeur du forum est déformée à cause des images des catégories, qui élargissent considérablement le forum :

Spoiler:

J'ai donc décidé d'appliquer ce tutoriel qu semblait idéal pou résoudre mon souci : http://css-actif.forumactif.org/t386-de-beaux-titres-de-forums-sur-la-page-daccueil-seulement

J'ai donc modifié le code mis à la place des titres de catégories pour y mettre ceci :

Code:

<img src="https://tinyurl.com/yaqtlm74" class="imgcategories"><span>The beginning of your fall</span>

Et j'ai rajouté cela à mon CSS :

Code:

.secondarytitle h2 span , .hierarchy a span {
  display:none;
}
td.nav a > img , .catBottom .nav a > img {
  display: none;
}

Mais le code ne semble pas fonctionner, puisque rien ne change au niveau de l'apparence de mon forum... Quelqu'un aurait-il une solution pour faire que :
- le titre en image de la catégorie ne s'affiche que sur la page d'accueil du forum, et que le titre en version texte soit masqué ?
- le titre en image de la catégorie soit masqué lorsqu'on consulte un sujet, et que ce soit le texte seul qui s'affiche ?

Ou à défaut, comment faire pour que, lorsqu'on est dans un sujet, l'image du titre de la catégorie soit réduite automatiquement ? Cette solution serait peut-être la plus simple à mettre en place ?

Je vous joints à toutes fins utiles la copie intégrale de mon CSS :

Spoiler:

Ainsi que l'intégralité de mon template index_box :

Spoiler:

Je vous remercie par avance pour l'aide que vous pourrez m'apporter !

Ode

[MlleAlys]

Bonjour,
Le code css que vous utilisez ne cible pas les bons éléments. Utilisez le suivant :

Code:

.haut_cate h2 span {
  display: none;
}
.nav img.imgcategories {
  display: none;
}

[Last Chance for Losers]

Bonjour MlleAlys !

Merci énormément, mon problème est résolu ! ^^

Vous pouvez archiver.