Apparence des catégories

2 participants

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

Résolu Apparence des catégories

Message par T3am-Gam3rs Mar 19 Juin 2012 - 21:35

Bonjour,

Je vous embête une fois de plus. Vous allez me dire que l'apparence des catégories sont déjà posté dans diverses topic. Mais je n'en trouve aucun a mon goût en revanche un ma plut :

Apparence des catégories Sans_t14
(Cliquer sur l'image pour la ragrandir, excusez moi de la petite taille)

C'est la seul qui ma plut, si quelqu'un pourrait me dire changer quoi etc...

Voici ma template (Index_box)
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 --><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><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 -->
   <!-- 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 -->

Je ne demande en aucun cas de me la faire, mais plusieurs personnes on tendance a la demander, donc je vous la donne.
J'attend vos réponses.


Dernière édition par T3am-Gam3rs le Ven 22 Juin 2012 - 19:29, édité 1 fois
T3am-Gam3rs

T3am-Gam3rs
**

Messages : 53
Inscrit(e) le : 10/06/2012

http://team-gamer.forumactif.fr/
T3am-Gam3rs a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Invité Mer 20 Juin 2012 - 15:20

Bonjour,

Un essai qui donne ce résultat:
Apparence des catégories Zcaptu13

Supprimer les colonnes en trop:
Remplacez:
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>
oar:
Code:
<tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>

Faire un tableau à 2 colonnes et placer les variables dedans:
Remplacez:
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" 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>
par :
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="row1 over" align="center" valign="bottom" height="50">
                  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
                  <span class="gensmall">{catrow.forumrow.TOPICS} sujets et  {catrow.forumrow.POSTS} messages</span>
      </td>
Encadrer les éléments par des div pour pouvoir appliquer le style avec la feuille CSS:
La partie modifiée précédemment devient:
Code:
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <div class="titre_index"><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}></div>
                  <div class="cadredesc_index"><div class="desc_index"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></div>
         <div class="ssforum_index"><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="row1 over" align="center" valign="bottom" height="50">
                  <div class="message_index"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
                  <div class="icone_index"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
        <div class="stats_index"><span class="gensmall">{catrow.forumrow.TOPICS} sujets et  {catrow.forumrow.POSTS} messages</span></div>
      </td>

On ajoute au CSS:
Code:
.titre_index{
border: 1px solid grey;
background: black;
text-align: center;
padding: 5px;
border-top-left-radius: 11px;
border-top-right-radius: 11px;}

.cadredesc_index{
border: 1px solid grey;
background: black;
margin-top: 10px;
margin-bottom: 10px;
padding: 5px;}

.desc_index{
height: 80px;
overflow-y: auto;
border: 1px solid black;
background: white;
border-radius: 12px;
padding: 5px;}

.ssforum_index{
border: 1px solid grey;
background: black;
text-align: center;
padding: 5px;
height: 15px;
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px; }

.message_index{
padding: 5px;
width: 200px;
height: 70px;
border: 1px solid grey;
background: black;
text-align: left;
margin-bottom: 10px;
margin-top: 10px;}

.icone_index{
position: relative;
top: -20px;
left: 60px;}

.stats_index{
height: 15px;
border: 1px solid grey;
background: black;
border-bottom-left-radius: 11px;
border-bottom-right-radius: 11px;
padding: 5px;}

.stats_index span{color: green;
font-weight: bold;}

.forumline{
border-spacing: 0px;}
Bien sincèrement.
Anonymous

Invité
Invité


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

Résolu Re: Apparence des catégories

Message par T3am-Gam3rs Jeu 21 Juin 2012 - 19:15

Salut, merci de ta réponses. Mais après j'ai un certains problème au niveaux de la template.
</table> est en rouge et les </tr> a la fin pareil...
Si tu peut m'aider rapidement, je serais ravis ^^
T3am-Gam3rs

T3am-Gam3rs
**

Messages : 53
Inscrit(e) le : 10/06/2012

http://team-gamer.forumactif.fr/
T3am-Gam3rs a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par T3am-Gam3rs Ven 22 Juin 2012 - 17:12

Up ?
T3am-Gam3rs

T3am-Gam3rs
**

Messages : 53
Inscrit(e) le : 10/06/2012

http://team-gamer.forumactif.fr/
T3am-Gam3rs a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par Naruhiko Ven 22 Juin 2012 - 17:34

Bonjour,

C'est une erreur de votre part. Si vous n'aviez pas fait de changement extérieur à celui des catégories, vous pouvez remplacer tout votre template par celui-ci :
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 --><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 -->
   <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="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <div class="titre_index"><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}></div>
                          <div class="cadredesc_index"><div class="desc_index"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></div>
                <div class="ssforum_index"><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="row1 over" align="center" valign="bottom" height="50">
                          <div class="message_index"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
                          <div class="icone_index"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
                <div class="stats_index"><span class="gensmall">{catrow.forumrow.TOPICS} sujets et  {catrow.forumrow.POSTS} messages</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 -->
J'ai suivi les instructions de Azami à la lettre, logiquement il y a aucune erreur.

Cordialement Naruhiko.
Naruhiko

Naruhiko
****

Masculin
Messages : 201
Inscrit(e) le : 21/06/2012

http://naruto-the-destiny.forumactif.com
Naruhiko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par T3am-Gam3rs Ven 22 Juin 2012 - 19:29

Merci de vos réponses, c'est parfait.
Désolé de vous avoir dérangé pour si peut, je coche tout de suite le "Résolu"
Bonne fin de journée.
T3am-Gam3rs

T3am-Gam3rs
**

Messages : 53
Inscrit(e) le : 10/06/2012

http://team-gamer.forumactif.fr/
T3am-Gam3rs 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