La date/heure actuelle est Ven 30 Sep 2022 - 1:38

1 résultat trouvé pour 01administration

Problème sélection nth-child sur les catégories quand celles-ci sont isolées

Bonjour !

Alors, on va tenter un petit truc.
Dans votre code, pour les titres des catégories, vous avez ça :
Code:
<div class="forabg"><div class="table-title">{catrow.tablehead.L_FORUM}</div>


Ce qui est, par exemple, remplacé par ce code :
Code:
<div class="forabg"><div class="table-title"><h2><div class="chiffrecate">01</div> <div class="titrecate">administration</div></h2></div>


C'est intéressant, parce qu'on peut se servir de ce {catrow.tablehead.L_FORUM} autrement, autre part... en ajoutant par exemple un id qui se baserait sur cette variable. Si on se débarrasse des balises et des espaces entre les mots, on pourrait arriver à transformer <h2><div class="chiffrecate">01</div> <div class="titrecate">administration</div></h2> en juste 01administration... et ça, c'est possible en JavaScript sans que vous n'ayez à toucher quoi que ce soit. Ça va être bourrin, pas très propre, mais ça va marcher. Dans votre template, vous allez donc remplacer :
Code:
<div class="forabg"><div class="table-title">{catrow.tablehead.L_FORUM}</div>

par
Code:
   <script type="text/javascript">
  //<![CDATA[
     document.write(`<div class="forabg" id="` + `{catrow.tablehead.L_FORUM}`.replace(/<\/?[^>]+(>|$)/g, "").replace(" ", "") + `">`);
  //]]>
  </script>

      <div class="table-title">{catrow.tablehead.L_FORUM}</div>


Ce qui va nous donner exactement ceci :
Tag 01administration sur Forum gratuit : Le forum des forums actifs Image11

Grâce à ça, toutes vos catégories .forabg vont maintenant avoir un id bien à elles... et vous n'aurez plus besoin d'utiliser nth-child dans votre CSS, juste des id #01administration par exemple à la place ! Plus de problèmes de numérotation, que vous soyez sur la page principe ou sur une page catégorie, et vous pourrez personnaliser tout ça comme bon vous chante.
par Toryudo
le Mer 12 Jan 2022 - 22:06
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Problème sélection nth-child sur les catégories quand celles-ci sont isolées
Réponses: 4
Vues: 282

Revenir en haut

Sauter vers: