Apparence Catégories

[ThunderX]

Bonjour après un lock de sujet je vois que vous n'avez pas trop compris ce que je voulais dire...Je voudrais que vous me donniez le Template correspondant à ça :



De plus ce n'est pas une commande mais je vous demande quel est le Template lui correspondant pour avoir un résultat comme ceci et ne faites pas attention au taille de police !

Cordialement....

[Invité]

Bonjour,

C'est le template Index_Box qui doit être modifié pour obtenir ce résultat. Notamment cette partie:

Code:

<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <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>
   </tr>

Et celle-ci:

Code:

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <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>
      <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>
      </td>

Cordialement.

[ThunderX]

Bonjour étant un novice de HTML et CSS je comprend très peu et je ne sais pas ce qu'il faut modifier...

Merci de m'avoir répondu !

[Invité]

Commençons par le début alors, les bases sont dans ces tutoriels:
> Le HTML comment ça marche?
> Le CSS comment ça marche?
> Suppression des colonnes sujets et messages
> Les tableaux

Il faut supprimer les colonnes en trop, puis placer les différentes variables dans un tableau. Ensuite, on ajoute des class CSS aux cellules pour obtenir l'apparence souhaitée.

Les en-têtes des colonnes sont représentés dans le template par:
{catrow.tablehead.L_FORUM} (titre de la catégorie)
{L_TOPICS} (colonne sujets)
{L_POSTS} (colonne messages)
{L_LASTPOST} (colonne dernier message)

Les contenus des cellules sont représentés dans le template par:
{catrow.forumrow.FORUM_NAME} (titre du forum)
{catrow.forumrow.FORUM_DESC} (description du forum)
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS} (liens des sous-forums)
{catrow.forumrow.TOPICS} (nombre de sujets)
{catrow.forumrow.POSTS} (nombre de messages)
{catrow.forumrow.LAST_POST} (le dernier message)

Essayez de réaliser la structure à partir de ces tutoriels et éléments, ensuite ous pourrons ajouter la partie CSS.

Cordialement.

[ThunderX]

Vous avez mal compris je veut que vous me donniez ce qu'il faut changer plus précisément. Merci d'avance !

[Invité]

Bonjour,

En gros vous voulez que je vous donne le template prêt à installer, avec le code CSS tout prêt?

Cordialement.

[ThunderX]

Non ce n'est pas ce que je voulais dire...Je ne sais plus trop comment vous l'expliquez alors autant vous donnez un topic du même genre que le mien et qui à eu sa requête : https://forum.forumactif.com/t317495-apparence-des-categories

Merci d'avance, Cordialement

[Invité]

Bonsoir,

Etape 1: supprimer les éléments en trop dans le templates.

Cherchez et supprimez:

Code:

      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</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>

Etape 2: les tableaux.
Remplacez:

Code:

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <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 un premier tableau:

Code:

<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <table width="100%" class="cadrefo" cellspacing="0" cellpadding="0"><tr><td colspan="2" classe="titrefo><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
                          </h{catrow.forumrow.LEVEL}></td></tr>
                          <tr><td colspan="2"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td></tr>
                          <tr><td width="50%"></td><td><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></tr></table>
      </td>

Remplacez:

Code:

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

par un second tableau:

Code:

<td class="row3 over" align="center" valign="middle" height="50">
      <table  cellspacing="0" cellpadding="0"><tr><td><span class="gensmall">{catrow.forumrow.LAST_POST}</span></td></tr>
                  <tr><td class="statfo"><span class="gensmall">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages
                  </span></td></tr>   
                  </table>
      </td>

Etape 3: Le CSS.

Code:


/*contour*/
.cadrefo{
  border: 1px solid #000;}
/*fond des stats*/
.statfo{
  background-color: #000;
}

/*fond des titres*/
.forumlink{
  background-color:#000;
  display: block;
  text-align: center;
}

A personnaliser selon vos souhaits.

Etape 4: les descriptions.
Il est impossible de séparer l'image et la description via les templates. La seule solution pour avoir une barre de séparation est de l'installer manuellement dans la description de chaque forum.

Code:

<table><tr><td><img src="http://2img.net/i/fa/i/smiles/icon_sad.gif" /><td style="border-left: 2px solid #000;"> texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte  texte </td></tr></table>

Vous pouvez là aussi replacer le style par une class et donner des attributs via la feuille CSS.

Cordialement.

[ThunderX]

Résolu