Catégories & forums. |AFFICHAGE|

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

Résolu Catégories & forums. |AFFICHAGE|

Message par LaTeamEthologie le Sam 6 Aoû 2011 - 20:02

Bonjour !
J'aimerais faire comme ceci sur mon forum :



J'ai déjà modifier mon template :
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="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">
    <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>
         <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 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 -->


Dernière édition par LaTeamEthologie le Dim 21 Aoû 2011 - 11:42, édité 1 fois

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par LaTeamEthologie le Mar 9 Aoû 2011 - 10:34

UP ! Very Happy

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par LaTeamEthologie le Mer 10 Aoû 2011 - 9:22

UP S.V.P !!

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par LaTeamEthologie le Jeu 11 Aoû 2011 - 11:35

UP ! :'(

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par Invité le Jeu 11 Aoû 2011 - 22:52

Bonsoir,

Le sujet ci-dessous pourrait peut-être vous aider:
> http://forum.forumactif.com/t311028-affichage-categorie-et-autre

Cordialement.

Invité
Invité


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

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par LaTeamEthologie le Ven 12 Aoû 2011 - 11:39

J'avais déjà regarder ce tuto & je n'avais pas réussi à donner le résultat que je voulais. Je cherche à ne pas mettre d'image en fait. :s

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par Invité le Ven 12 Aoû 2011 - 14:45

Bonjour,

En repartant du template de base, on peut appliquer la même technique pour le début:

Repérez ce morceau:
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 supprimez-le.

Ensuite on déplace le titre des catégories au dessus du tableau avec la class "forumline". Pour cela il faut recréer un petit tableau:
Repérez:
Code:
<!-- 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>
        </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->

Remplacez par:
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="250" border="0" cellspacing="0" cellpadding="0"><tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
        </tr></table><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
Au lieu de mettre 100% j'ai mis une largeur en px au tableau du titre, J'ai mis 250, à vous d'ajuster suivant la taille de vos titres.

Ensuite cherchez:
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>
      </td>

Et remplacez par:
Code:
<td class="row3 over" align="center" valign="middle" height="50" width="180">
         <span class="gensmall">{catrow.forumrow.TOPICS}sujets et {catrow.forumrow.POSTS}messages <br />{catrow.forumrow.LAST_POST}</span>
      </td>

Il faut ensuite placer des div avec une class autour des éléments pour faire les cadres via la feuille de style CSS. On se sert de "secondarytitle" pour agir sur le titre de la catégorie, mais pour les autres éléments, il faut les créer.

Cordialement.

Invité
Invité


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

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par LaTeamEthologie le Dim 14 Aoû 2011 - 10:32

J'ai suivi ce que vous m'avez dit (en modifiant juste la place de xsujets & xmessages) et voici le résultat de ma colonne...

Béh j'me demande comment on fait pour modifier la taille de cette cellule ?!

Merci d'avance Smile

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par Invité le Dim 14 Aoû 2011 - 13:30

Bonjour,

C'est cette partie là de votre template:
Code:
<td class="row3 over" align="center" valign="middle" height="50" width="180">
        <span class="gensmall">{catrow.forumrow.TOPICS}sujets et {catrow.forumrow.POSTS}messages <br />{catrow.forumrow.LAST_POST}</span>
      </td>
Vous pouvez soit mettre juste la dimension comme ceci:
Code:
<td class="row3 over" align="center" valign="middle" height="50" width="180"><div style="width: 180px;">
        <span class="gensmall">{catrow.forumrow.TOPICS}sujets et {catrow.forumrow.POSTS}messages <br />{catrow.forumrow.LAST_POST}</span>
      </div></td>
soit mettre une class pour modifier l'apparence via la feuille CSS:
Code:
<td class="row3 over" align="center" valign="middle" height="50" width="180"><div class="dermessages">
        <span class="gensmall">{catrow.forumrow.TOPICS}sujets et {catrow.forumrow.POSTS}messages <br />{catrow.forumrow.LAST_POST}</span>
      </div></td>
Et donc ajouter dans votre feuille CSS:
Code:
.dermessages{
border: 1px solid #000;
width: 180px;}

Cordialement.

Invité
Invité


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

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par LaTeamEthologie le Lun 15 Aoû 2011 - 10:55

Merci !
Mais je n'arrive pas à savoir où l'on mets les div pour modifier le cadre des catégories. Depuis hier, je cherche mais je n'y arrive toujours pas --'

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par Invité le Lun 15 Aoû 2011 - 11:14

Bonjour,

Pourriez-vous me redonner votre template avec les modifications? Je vous indiquerez où les placer.

Cordialement.

Invité
Invité


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

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par LaTeamEthologie le Sam 20 Aoû 2011 - 14:10

Désolée de la réponse tardive :/
Voici le template, comme vous me l'avez demander ☺
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}<br />
         {CURRENT_TIME}<br />
         </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><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="titrecatego"><table width="30%" border="0" cellspacing="0" cellpadding="0"><tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
        </tr></table></div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 
  <!-- 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">
               <div class="titrecatego"><a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a></div>
            </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><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 over" align="center" valign="middle" height="50" width="180"><div style="width: 180px;">
        <span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets<br />{catrow.forumrow.LAST_POST}</span>
      </div></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 encore de m'aider ♥

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par Invité le Dim 21 Aoû 2011 - 10:27

Bonjour,

Il faut les ajouter dans cette partie:
Code:
<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 over" align="center" valign="middle" height="50" width="180"><div style="width: 180px;">
        <span class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets<br />{catrow.forumrow.LAST_POST}</span>
      </div></td>
Exemple:
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"><div class="icones">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<div class="description"><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></div>
</td>
<td class="row3 over" align="center" valign="middle" height="50" width="180"><div style="width: 180px;" class="lastm">
<span class="gensmall" >{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets<br />{catrow.forumrow.LAST_POST}</span>
</div></td>
Ensuite reportez les class dans votre feuille de style CSS pour leur donner les propriétés voulues.

Cordialement.

Invité
Invité


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

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par LaTeamEthologie le Dim 21 Aoû 2011 - 10:57

Merci mais je cherche pour le titre des catégories :s
Parce que la, ça ne change que les icônes & les descriptions... et pas ce que je cherche :'(
Désolée si je dérange :s
Merci d'avance (encore) ♥

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par Invité le Dim 21 Aoû 2011 - 11:09

Embarassed J'ai lu trop vite! pardon.

Pour les titres des catégories, il est inutile de rajouter une div avec une class puisque la class existe déja dans le tableau: secondarytitle.
Donc il suffit de placer dans votre feuille CSS quelque chose comme ceci:
Code:
.secondarytitle{
      -moz-border-radius-topleft: 20px;     
      -mozborder-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #000000;
      border-right: 3px solid #000000;
      border-top: 3px solid #000000;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      padding: 3px;
      text-align: center;
      width: 200px;}

Cordialement.

Invité
Invité


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

Résolu Re: Catégories & forums. |AFFICHAGE|

Message par LaTeamEthologie le Dim 21 Aoû 2011 - 11:37

  • OH ! Merci beaucoup, c'est exactement ce que je voulais ☺♥

LaTeamEthologie
**

Féminin
Messages : 92
Inscrit(e) le : 04/08/2011

http://silvercrest.forumgratuit.org/
LaTeamEthologie 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