Modifier les catégories dans les forums.

[Minicookie]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Lien du forum : www.pokemon-elym.forumactif.com

Description du problème

Bonjour Forumactif !

Je viens vous demander de l'aide en ce qui concerne l'apparence de mon forum actuellement en construction. Pour faire simple, j'ai modifié le titre de mes catégories afin que celles-ci apparaissent avec une image, en voici l'exemple : www

Cependant, puisque l'image en question est relativement grande (surtout en longueur), lorsque je clique sur le forum, l'image qui démontre la catégorie est toujours présente, et celle-ci déforme le forum : www

Je tiens vraiment à garder les images en tant que catégories, c'est ce qui embelli le forum. Donc, j'aimerais savoir s'il était possible de modifier l'apparence de mes catégories mais uniquement sur les forums ? Afin que celles-ci ne déforment pas la page.

J'espère avoir été assez claire, et je remercie la future personne qui me viendra en aide.

Je vous souhaite une excellente soirée !

[Neptunia]

Bonjour ^^

2 dictons en guise de réponse !

I - Aide-toi, Forumactif t'aidera.
II - On n'est jamais aussi bien servi(e) que par soi-même.

Ceci est une recherche !

[BlueGhost]

Bonsoir à toi,

Ce que tu demandes a bien une solution... qui s'opère sur TOUTES tes catégories (enfin, tes forums), ce qui veut dire que tu n'auras plus ton fil d'Ariane (le chemin fait pour arriver dans le forum "Préambule")... partout

Donc, pour ce faire, nous allons ajouter du CSS pour dire à ce fil de disparaître... comme ceci :

Code:

td.nav {
display: none;
}

> nous prenons la "class" de cette balise "td" (qui correspond à une cellule, car ton bloc avec les sujets est en fait un tableau ^^) et nous lui disons que sa disposition correspond à "none", c'est-à-dire qu'elle n'apparaît pas ^^

Voilà, j'espère que ça marchera !

[Minicookie]

Bonsoir à vous.

Neptunia > Je n'ai malheureusement pas trouvé de réponse dans le lien que tu m'as envoyé. Merci quand même !

BlueGhost > Je ne suis pas certaine d'avoir compris. L'image où il est écrit préambule n'est pas un forum mais une catégorie. Ce que je veux c'est que lorsque je clique sur un forum Premiers pas à l'occurrence, elle n'aparaissent pas, ou autrement. J'ai essayé le code css mais il ne fonctionne pas, dois-je modifier quelque chose dessus ?

Merci de vos réponses à tous les deux ! Mon problème est cependant toujours d'actualité >.<

[Neptunia]

Neptunia > Je n'ai malheureusement pas trouvé de réponse dans le lien que tu m'as envoyé. Merci quand même !

J'ai quand même vérifié que la réponse figurait bien dans le résultat de ma recherche. Je ne vois pas ce qu'il y a de compliqué à lire le titre de seulement 10 sujets, ou même de lire directement le début des 10 sujets si le titre du bon sujet n'a pas suffi.

[Minicookie]

J'ai quand même vérifié que la réponse figurait bien dans le résultat de ma recherche. Je ne vois pas ce qu'il y a de compliqué à lire le titre de seulement 10 sujets, ou même de lire directement le début des 10 sujets si le titre du bon sujet n'a pas suffi.

Hum... je tiens à préciser que je ne suis pas le genre de personne à répondre hâtivement sans vérifier les sources d'aide. J'ai lu tous les titres des sujets, et les quelques uns qui auraient pu avoir un rapport avec mon problème, ne répondaient malheureusement pas à ce que je demande. Peut-être ma question n'est-elle pas assez claire (ou bien ai-je mal compris les explications des sujets, ce qui est possible), mais si vraiment tu es persuadée que la solution à ma demande réside quelque part là-dedans, pourquoi ne pas directement me donner le lien et les explications ? J'ai vérifié tes sources, je n'ai pas trouvé ce que je cherchais, alors si le problème provient du fait que j'ai de la difficulté à chercher correctement, pourquoi ne pas me donner un coup de main ?

Merci.

[Neptunia]

De mon côté j'ai compris que vous vouliez des images en guise de titre de catégorie, mais que vous ne vouliez plus de ces images une fois à l'intérieur de la catégorie ou d'une de ses subdivisions.

Notamment pas d'image dans le fil d'Ariane

Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum

---

Alors après, oui peut-être la question n'était pas assez claire, puisque BlueGhost semble avoir compris la même chose que moi et vous propose de supprimer ce fil d'Ariane.

De mon côté l'un des sujets proposés permet de placer une image à certains endroits, et du texte à d'autres endroits.

Contenu

Cette astuce explique comment mettre une image en tant que titre de forum ou de catégorie, tout en conservant plutôt un texte dans :

les listes déroulantes de forum
le fil d'ariane
l'affichage de nom de forum dans le panneau d'administration

---

pourquoi ne pas directement me donner le lien et les explications ? J'ai vérifié tes sources, je n'ai pas trouvé ce que je cherchais, alors si le problème provient du fait que j'ai de la difficulté à chercher correctement, pourquoi ne pas me donner un coup de main ?

Donner un coup de main, je sais faire (+ de 10 000 messages au compteur dont la plupart sont dans l'entraide)
J'aurai pu vous dire que la solution figurait dans le listing des trucs et astuces, je vous ai déjà bien mâché le travail en limitant la recherche à 10 sujets.

Ensuite tenir quelqu'un par la main, désolée, mais là c'est pas du tout ma tasse de thé. Je préfère mettre seulement sur la voie pour que la personne puisse trouver elle-même sa ou ses réponses. Ce qui au passage la rendra plus fière ou plus confiante en elle, et la rendra plus autonome pour la fois suivante.

[Minicookie]

Alors, j'ai finalement trouvé le sujet qui semblait pouvoir régler mon problème. À vrai dire le terme « fil d'Ariane », je ne l'avais jamais vu avant.

J'ai suivi à la lettre ce que le guide disait, mais cela ne fonctionne pas. Effectivement, l'image n'apparaît tout simplement plus. Il n'y a que le texte que l'on voit. Mais ce n'est pas ce que je voulais. Mon objectif est de garder l'image en guise de titre de catégorie, et avoir le texte uniquement lorsque nous sommes sur les forums. Mais voilà le résultat : www

J'ai pourtant fait exactement ce que l'astuce recommandait, je ne comprends plus. :/

[Neptunia]

Les tutoriels du Forum des Forums sont conçus pour des forums avec des templates non modifiés (du moins quant à leur structure et leurs identifiants).

Un petit test pour voir si l'erreur vient de l'application du tuto, ou de la structure du forum.

PA > Affichage > Templates > Général
-> Forcer les templates par défaut : Oui
Allez regarder si les images se comportent comme elles le devraient. Si oui, alors il faudra adapter le tuto à la structure de votre forum (on pourra bien sûr vous y aider)
Si cela ne marche toujours pas c'est que vous avez fait une erreur.

Pour finir que cela fonctionne ou non
-> Forcer les templates par défaut : Non pour remettre votre forum à son état "normal".

---

Edité :

Merci de fournir le lien du forum concerné, qui n'est visiblement pas celui de votre profil.

[BlueGhost]

Bonjour,

Effectivement, l'image n'apparaît tout simplement plus. Il n'y a que le texte que l'on voit. Mais ce n'est pas ce que je voulais. Mon objectif est de garder l'image en guise de titre de catégorie, et avoir le texte uniquement lorsque nous sommes sur les forums.

Pourtant, il est écrit, dans une citation de Neptunia, que le tutoriel pouvait empêcher l'image d'apparaître sur les forums mais qu'elle apparaîtrait toujours sur la page avec toutes les catégories, non ?

[Neptunia]

Pourtant, il est écrit, dans une citation de Neptunia, que le tutoriel pouvait empêcher l'image d'apparaître sur les forums mais qu'elle apparaîtrait toujours sur la page avec toutes les catégories, non ?

Oui c'est le but de l'astuce, mais cette dernière utilise les identifiants standard de nos forums.
Utilisée telle quelle sur le forum de son profil ça ne fonctionnera pas parce que le template index_box a été modifié et au passage certains id ou class ont été supprimés.

Sans le lien du forum concerné, on ne pourra pas "deviner" les modifs à apporter au css de l'astuce.

[Minicookie]

Alors, alors.
Tout d'abord : Si le lien du forum ne repose pas dans mon profil, c'est parce que comme mentionné dans mon sujet initial, le forum est tout nouveau et en début de construction. J'ai cependant mis le lien dans le sujet initial.

L'astuce semble fonctionner avec les templates par défauts. Malheureusement, je ne peux pas garder les templates par défauts. Que dois-je faire pour que l'astuce fonctionne avec les templates modifiés ? Dois-je insérer quelque chose, un code, dans le template index_box ? Je vais vous mettre le template en question (modifié) ici pour que vous puissiez le voir :

Code:

<table width="850px" border="0" cellspacing="1" cellpadding="0" align="center">
    <tr>
    <td valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <span class="gensmall">{LAST_VISIT_DATE}<br />
    {CURRENT_TIME}<br />
    </span>
    <!-- END switch_user_logged_in -->
    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
    </td>
    <td class="gensmall" align="right" valign="bottom">
    <!-- BEGIN switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
    <!-- END switch_user_logged_in -->
    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
    </td>
    </tr>
    </table>

    <!-- BEGIN catrow --><!-- BEGIN tablehead -->
    <div class="tleCAT">{catrow.tablehead.L_FORUM}</div>
 <div class="mdlCAT">
 <!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
   
    <!-- BEGIN forumrow -->
    <div class="blocFRM"><div class="tleFRM"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><div class="boxDESC"><div class="lmsgFRM"><div>{catrow.forumrow.LAST_POST}</div></div></div><div class="FRM"><div class="descFRM">{catrow.forumrow.FORUM_DESC}</div><div class="boxFRM"><div class="sfFRM"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" class="imgFRM" /><div><div>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div><script type="text/javascript">$('.sfFRM').each(function(){$(this).html($(this).html().replace(/>, /g,"><br /> "));});</script><div class="sjtFRM">{catrow.forumrow.TOPICS} sujets</div><div class="repFRM">{catrow.forumrow.POSTS} messages</div></div></div></div>   
    <!-- END forumrow -->
   
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
 </div>
    <!-- END tablefoot --><!-- END catrow -->

Merci d'avance ! ~

[Neptunia]

Pourriez-vous dans un premier temps remplacer le css du tuto par celui-ci ?

Code:

    div.tleFRM a img { display: none; }
    div.tleFRM a span { display: inline!important; }
    div.tleCAT h2 span { display: none; }
    div.tleCAT h2 img { display: inline!important; }
    a.nav span img { display: none; }
    a.nav span span { display: inline!important; }

Et dire là où ça ne fonctionne pas comme vous l'imaginiez ?

[Minicookie]

Ça fonctionne maintenant ! Merci beaucoup !
Par contre, le code empêche l'image de se centrer (elle est positionnée à droite). Quel code dois-je ajouter à celui que vous venez de me donner ?

[Neptunia]

Contrairement aux apparences, l'image n'est pas positionnée à droite, mais à l'extrême gauche de sa table. On peut voir l'alignement parfait avec le début du fil d'Ariane

Essayez de remplacer dans le css

Code:

    div.tleCAT h2 img { display: inline!important; }

par

Code:

    div.tleCAT h2 img {
  display: inline!important;
  margin-left: -25px; }

Une marge négative, c'est pas terrible mais je ne ferai pas mieux.

[Minicookie]

C'est parfait, ça fonctionne !
Un grand merci à toi d'avoir pris le temps de m'aider, c'est grandement apprécié !
Merci également à BlueGhost qui a participé à la demande.

Je vous suis très reconnaissante =)
Problème résolu, donc !