Catégorie et Forum. [Affichage]

[Bella♥]

Bonjour.

J'aimerais bien avoir un affichage des catégorie et forum comme cela :


Ne vous occupez pas du titre il à déjà été modifier ;D Sans avoir toucher au template, donc le template n'a rien de changer.

Le voici tout de même :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}

         {CURRENT_TIME}

         </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>

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <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>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <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>

            </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>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Merci d'avance.

Cordialement.

[Bella♥]

Petit UP.

Assez urgent S.V.P ^^

[Maxwellx3]

As-tu déjà supprimé les colonnes sujets & messages ?

[Bella♥]

Non.

[Maxwellx3]

Donc avant de commencer, je te conseillerais de copier/coller ton template sur un documents bloc note. Comme ça si ça n'est pas ce que tu veux, tu n'auras qu'à le rétablir.

Ok donc va dans ton template index_box et cherche ceci :

Code:

 <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>

Et supprime le.

Cherche ceci également :

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>

Et supprime le.

Cherche ceci :

Code:

<h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
        </h{catrow.forumrow.LEVEL}>

Et remplace le par :

Code:

<table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
        </h{catrow.forumrow.LEVEL}></td><td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>

Puis enregistre.
Tu peux vérifier si c'est ce que tu veux en appuyant sur En-Attente.

C'est tout ?

[Bella♥]

Voila... Mais sa ne mets pas l'affichage des catégorie désirée...

[Maxwellx3]

Peux tu me faire une capture de ce que ça donne.
Tu aimerais que les bordures des catégories soient exactement comme ton schéma ? Arrondies ?

[Bella♥]

J'aimerais que se soit exactement pareille effectivement.

Et voici le rendu :

Spoiler:

PS : Ses dans un forum test ^^

[Maxwellx3]

Bon déjà pour tes différents forum il y a ceci :

Code:

<div style="text-align: justify; margin-left: 100px; margin-right: 100px; background-color:#COULEUR DE FOND ;-moz-border-radius:8px 8px 8px 8px; padding-left:25px; padding-right:25px;border: 1px #COULEUR ;"><div class="milieu"></span>Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte. Ton texte.<br></div></div>

Tu colles ceci sur la description du forum que tu veux.

margin = L'espace que tu veux laisser soit du coté gauche ou droite. Tu peux le modifier comme tu veux.
border = bordure

Ensuite vas dans ton template index box:
Cherche ceci :

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>

Remplace le par:

Code:

    <tr>
            <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</th>
            </tr>

Cherche :

Code:

      <!-- BEGIN forumrow -->
      <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
          <!-- END inc -->
          <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
            <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
          </td>
          <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>
      </tr>
      <!-- END forumrow -->

Remplace le par :

Code:

        <!-- BEGIN forumrow -->
        <tr>
            <!-- BEGIN inc -->
            <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
            <!-- END inc -->
          <!-- [ DÉBUT DES MODIFICATIONS ] -->
            <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                    <span class="forumlink"><div class="titresfora">
                        <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
    </div>
                    </span>
               
    <table width="100%"><tr><td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
                <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
            </td> <td class="forum-description" width="70%"><span class="genmed">{catrow.forumrow.FORUM_DESC}</td><td class="forum-stats" valign="middle" height="50" width="20%">
            {catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.<br />

    <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
          </td></tr></table></span>
    </div>
    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
            <span class="gensmall">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
            </span>


          </td>
          <!-- BEGIN forum_link_no -->
    <!-- [ FIN DES MODIFICATIONS ] -->
            <!-- END forum_link_no -->
            <!-- BEGIN forum_link -->
            <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
            <!-- END forum_link -->
        </tr>
        <!-- END forumrow -->

Puis va dans ton css, et mets ceci :

Code:


    /*derniers messages*/
    .forum-stats {
          -moz-border-radius: 20px;
          webkit-border-radius: 20px;
          border-radius: 20px;
          border: 1px solid #000;
          font-size: 11px;
          padding: 3px;
          text-align: center;
          background-color: #ebce73;
          }

Voilà.

[Bella♥]

Merci. Mais est-il possible pour la description de plutôt mettre en css que de mettre dans la description ?

[Maxwellx3]

Oui oui c´est possible. Il te suffit d´ajouter ceci au CSS.

Code:

/*description dans les forums*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      border: 1px solid #000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
      background-color: #COULEUR;
      }

[Bella♥]

Merci. Ses parfait ;D

[Caroliine]

Hellow hellow, Hum, puis je poser une question, lorsque vous parlez de css, vous le mettez à quel endroit ? Car je ne trouve pas ma fiche css donc étant donné que vous en parlez, je me permet de poser la question

[Bella♥]

Panneau d'administration>Affichage>Couleurs et Images>Couleurs>Feuille de style Css.

Sinon Maxwellx3,
je voulais séparée les deux cadres. Comment faire ?

[Caroliine]

Merci beaucoup, j'aurais pas été le chercher là, c'est gentil de ta part

[Maxwellx3]

Les deux cadres ? Lesquels ? Je peux avoir une capture si ça ne te gêne pas

[Bella♥]

Les cadres se collent. J'aimerais réduire leur taille pour qu'il ne se colle pas.

[Bella♥]

UP

[Maxwellx3]

Désolé j'avais oublié :/ Mais pourrais tu me faire une capture stp car je ne comprends pas trop et autrement je ne peux pas t'aider.

[Bella♥]

Problème résolue ;D