Catégories différente

[ThunderX]

Salut ForumActif,

Je voudrait savoir comment puis-je faire que pour les catégories passe se transforme en ça :



Merci d'avance !

[Invité]

Bonjour, Afin de faciliter les recherches ultérieures, merci de respecter les règles concernant le titre de votre sujet. En effet, votre titre : - doit-être explicite (qui explique brièvement le problème), - ne doit pas être en majuscules, - ne doit pas contenir de mots trop généralistes : "aide" ; "help" ; "besoin d'aide" ; "problème"... Merci de le modifier en cliquant sur le bouton de votre premier message. A bientôt sur ForumActif

Bonsoir,

Si vous avez déjà modifié votre template Index-Box, il faudrait le donner, sauf si vous souhaitez repartir du template de base. Il en va de même si vous avez une partie CSS agissant qui l'apparence des catégories et forums . Peut-être que ce tutoriel peut vous donner une piste pour commencer à modifier votre template:
> https://forum.forumactif.com/t261562-suppression-des-colonnes-sujets-et-messages

Cordialement.

[ThunderX]

J'ai des templates de bases

[Invité]

Bonsoir,

Donc on a du boulot . Ce qu'il faut changer dans le template index_box:

- Supprimer les colonnes sujets et messages et dernier message.
- Créer le tableau qui regroupe description sous-forum et dernier message.
- Ajouter le script qui retire les virgules entre les sous-forums et remplacer la virgule par un saut de ligne.
- Ajouter des class / des div dans le tableau pour les lignes de séparation et le cadre.

Puis dans la feuille CSS:
- Faire la partie CSS qui va avec tout ça.

---

•Supprimer les colonnes:
- Repérez et supprimez:

Code:

      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

et

Code:

<td class="row3" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>

• Créer le tableau qui regroupe description sous-forum et dernier message
Repérez et remplacez:

Code:

<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>

Par:

Code:

<table width="100%"><tr><td width="60%"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</span>
            <!-- END switch_moderators_links -->
            </td><td><span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td><td width="180"><span class="gensmall">{catrow.forumrow.LAST_POST} <br />
      
         <span class="gensmall">{catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Massages</span></td></tr></table>

• Ajouter le script qui retire les virgules entre les sous-forums et remplacer la virgule par un saut de ligne.
Repérez et remplacez:

Code:

<span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>

Par:

Code:

<span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br /> ')).removeAttr('id');
</script>

Vous avez normalement, à partir de là, la structure voulue. Avez-vous besoin d'aide pour la suite?

Cordialement.

[Invité]

Bonjour, Où en-est votre problème ? Deux solutions : Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône en éditant votre premier message, Votre problème est toujours d'actualité, et dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté, A bientôt sur ForumActif

[ThunderX]

Non c'est pas ce que je voulais, voilà ce que ça me donne :

Le problème c'est qui l y a deux fois le titre du dernier sujet --"
Autre chose : Je voudrais que le titres des sous forums soit en menu déroulant

[Invité]

Bonsoir,

J'ai donné bénévolement de mon temps pour rédiger des explications claires, testées et vérifées comme vous pourrez le constater ici, un merci aurait été le bienvenu et si j'ai mal interprété votre demande et que le résultat n'est pas celui escompté, vous m'en voyez navrée.

► En toute occasion restez poli, courtois et respectueux, cela commence par savoir dire Bonjour ou Bonsoir et Merci.

D'autre part,

Je rappelle que Le Forum des Forums de Forumactif n'a absolument pas vocation à devenir un forum de commandes. Il est avant tout un lieu où une réponse donnée dans un sujet doit pouvoir aider plusieurs personnes. Si vous souhaitez apprendre et réaliser vous-même votre présentation ou si vous avez un problème avec une partie de votre codage, vous êtes sur le bon forum. En revanche si vous voulez une présentation "prêt à installer", merci de vous orienter vers les forums spécialisés en codage. Je vous invite à lire : - Règles générales du forum - Charte de ce forum

Les explications que je vous ai données, ne sont que la partie "template", il faut ajouter la partie CSS, et vous n'avez pas répondu à ma question: avez-vous besoin d'aide pour la partie CSS?

Il aurait aussi été préférable de préciser dès le départ que vous vouliez un menu déroulant, car les modifications sont totalement différentes si vous parlez d'un menu déroulant simple comme présenté dans cette astuce:
> https://forum.forumactif.com/t314485-installation-d-un-menu-deroulant.
Est-ce bien ce genre de menu déroulant que vous souhaitez?

Cordialement.

[ThunderX]

Déjà désolé de d'avoir était malpoli,

Oui merci pouvez vous m'aider pour le css et pour le menu déroulant voilà ce que je veut !

Cordialement

[Invité]

Ok!
Donc on efface les modifications faites et on recommence . Pour rétablir le template de base cliquez sur .

•Supprimer les colonnes
- Repérez et supprimez:

Code:

    <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

et

Code:

<td class="row3" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.TOPICS}</span>
      </td>
      <td class="row2" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.POSTS}</span>
      </td>
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>


• Créer le tableau qui regroupe description, sous-forum et dernier message avec les class CSS nécessaires
Repérez et remplacez:

Code:

<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
     

Par:

Code:

<table width="100%"><tr><td width="80%"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}</span>
            <!-- END switch_moderators_links -->
            </td><td width="180" valign="top"><div class="fostatlastm"><span class="gensmall">{catrow.forumrow.LAST_POST} <br />
     
        <span class="gensmall">{catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Massages</span></div></td></tr></table>

Enregistrez et publiez.

• Le menu déroulant
Pour chacune de vos catégories, il va falloir créer le menu déroulant pour les sous forums. Dans Panneau d'admin' > Général > Catégories et forums, pour chaque forum, dans description vous devrez placer:

Code:

<table width="100%"><tr><td width="75%"><div class="fodesc">Description 1</div></td><td><div class="folink"><select style="width: 150px;" onchange="location = this.value">
  <option selected="selected">Sous forums</option>
  <option value="url du sous forum 1">n°1</option>
  <option value="url du sous forum 2">n°2</option>
  <option value="url du sous forum 3">n°3</option>
  <option value="url du sous forum 4">n°4</option>
</select></div></td></tr></table>

Il faut bien sur personnaliser avec les url des sous forum et leur nom . Et vous pouvez modifier les pourcentage et les dimensions en px pour ajuster les modifications.

• La feuille de style CSS
On se sert d'une class existante a.forumlink pour la personnalisation des titres des forums, et on a créé 3 class pour personnaliser folink pour le care autour du menu déroulant, fodesc pour les description et fostatlastm pour les derniers messages.

Code:

a.forumlink{font-size: 22px;}

.fodesc{
border: 2px solid black;
height : 50px;
padding: 5px;}

.folink{
border-left: 2px solid black;
border-right: 2px solid black;
height : 50px;
padding: 5px;}

.fostatlastm{
border: 1px solid black;
height : 54px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
padding: 5px;
width: 180px;}

Modifiez les valeurs à votre convenance.

Cordialement

[ThunderX]

Merci vous m'avez aidé mais y a juste une petit problème il y a "Massages" à la place de Messages !

Cordialement,

[Invité]

Bonjour,

C'est juste une petite faute de frappe dans le template .
Repérez:

<span class="gensmall">{catrow.forumrow.TOPICS} Sujets & {catrow.forumrow.POSTS} Massages</span></div>

Et remplacez le a par un e .

Cordialement.

[ThunderX]

Merci