Affichage du titre des catégories en image

2 participants

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

Résolu Affichage du titre des catégories en image

Message par Last Chance for Losers Ven 2 Mar 2018 - 10:23

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 ! Smile

Ode
Last Chance for Losers

Last Chance for Losers
Nouveau membre

Féminin
Messages : 11
Inscrit(e) le : 23/07/2016

http://lastchanceforlosers.probb.fr/
Last Chance for Losers a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage du titre des catégories en image

Message par MlleAlys Ven 2 Mar 2018 - 12:24

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;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5728
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage du titre des catégories en image

Message par Last Chance for Losers Ven 2 Mar 2018 - 12:26

Bonjour MlleAlys !

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

Vous pouvez archiver. Smile
Last Chance for Losers

Last Chance for Losers
Nouveau membre

Féminin
Messages : 11
Inscrit(e) le : 23/07/2016

http://lastchanceforlosers.probb.fr/
Last Chance for Losers a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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