Code templates pour encadrer catégorie dernier message

[Ambrounette122]

Bonjour,

Deja merci de prêter attention à ma demande

Alors j'ai cherché partout, dans google, ici ( dans le moteur de recherche) mais j'arrive toujours pas à trouver, pourtant sa fait 2 jours que je cherche et je sais que ce code existe mdr
Alors j'aimerai mettre un cadre rond autour du dernier message posté comme sur ces deux forum

http://www.new-york-city-life.com/
http://trinityuniversity.forumgratuit.org/

Vous voyez, là où le dernier message s'affiche bah c'est encadré. je sais qu'on ne peut faire ça que grace aux templates mais les templates et moi sa fait deux :s

merci infiniment pour la personne qui trouvera le code.

je précise que je ne veux pas copier leur code. je demande juste le code de base... après pour les couleurs, le fond etc... je m'en charge

[Invité]

Bonjour,

Pour modifier l'apparence des catégories et forum, tout se passe dans le template Index-box. Deux tutoriels peuvent vous aider à cela:
> Affichage des forums avec onglets
>Suppression des colonnes sujets et messages

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

Et remplacez par:

Code:

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

Puis cherchez:

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

Et remplacez 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 -->

Dans la feuille CSS, ajoutez ceci qu'il faudra personnaliser:

Code:

/*contour des catégories*/
.forumline{
      border:3px solid #000;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;}

/*titres des forums*/
.titresfora{
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      border: 1px solid #000;
      font-size: 11px;
      height: 20px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;}


/*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;
      }

/*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;
      }

Cordialement.

[Ambrounette122]

Wé !! merci beaucoup !! :thanks:

[Ambrounette122]

Ah en fait j'ai une autre question... là ça entoure les descriptions et la partie droite ( dernier message..; ) Moi je veux juste encadrer la partie droite ... pas la description des forum...
Je fais comment ? C'est toujours dans le templates ?

DSl d'être chiante

[Invité]

:lol!: pas de soucis.

Dans le template retirez la class des descriptions:

Code:

<td class="forum-description" width="70%"><span class="genmed">{catrow.forumrow.FORUM_DESC}</td>

Devient:

Code:

<td width="70%"><span class="genmed">{catrow.forumrow.FORUM_DESC}</td>

Puis ôtez ceci de la 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;
      }

Cordialement.

[Ambrounette122]

merci merci merci !!!!!!!!