Code templates pour encadrer catégorie dernier message

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code templates pour encadrer catégorie dernier message

Message par Ambrounette122 le Lun 28 Fév 2011 - 13:11

Bonjour,

Deja merci de prêter attention à ma demande Smile

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 Smile


Dernière édition par Ambrounette122 le Lun 28 Fév 2011 - 17:29, édité 3 fois

Ambrounette122
Nouveau membre

Messages : 6
Inscrit(e) le : 28/02/2011

http://prettyliars.forums-actif.com
Ambrounette122 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code templates pour encadrer catégorie dernier message

Message par Invité le Lun 28 Fév 2011 - 15:02

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code templates pour encadrer catégorie dernier message

Message par Ambrounette122 le Lun 28 Fév 2011 - 16:38

Wé !! merci beaucoup !! Thanks

Ambrounette122
Nouveau membre

Messages : 6
Inscrit(e) le : 28/02/2011

http://prettyliars.forums-actif.com
Ambrounette122 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code templates pour encadrer catégorie dernier message

Message par Ambrounette122 le Lun 28 Fév 2011 - 16:43

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 Smile

Ambrounette122
Nouveau membre

Messages : 6
Inscrit(e) le : 28/02/2011

http://prettyliars.forums-actif.com
Ambrounette122 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code templates pour encadrer catégorie dernier message

Message par Invité le Lun 28 Fév 2011 - 17:00

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code templates pour encadrer catégorie dernier message

Message par Ambrounette122 le Lun 28 Fév 2011 - 17:29

merci merci merci !!!!!!!!

Ambrounette122
Nouveau membre

Messages : 6
Inscrit(e) le : 28/02/2011

http://prettyliars.forums-actif.com
Ambrounette122 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum