Catégories perso

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

Résolu Catégories perso

Message par Xibition le Lun 30 Jan 2012 - 13:03

Bonjour, j'essaye depuis des mois de mettre un nouveau theme pour mon forum mais je n'arrive pas à changer le style de mes catégories comme je le veux .. alors j'aimerais faire une petite modification en ce qui concerce mes catégories, j'aimerais faire comme sur ce schéma :

Spoiler:

Je crois que tout est clair sur le schéma :p J'aimerais aussi pouvoir personnaliser chaque partie par css si possible, et MERCI BEAUCOUP I love you

Mon index_box :

Spoiler:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
 
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
 
<div id="table_head"></div>
 
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <div class="cathead"></div><div class="catbody">
  <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;"><span class="derniermessage">{L_LASTPOST}</span></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="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}>
<table width="100%"><tr><td class="sep"  width="75%"><div id="forumdesc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td><td  width="25%"class="sousfo"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script></td></tr></table>
        <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 -->
  <td class="row3 over" align="left" valign="right" height="50" colspan="2">
<center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></center>
      <div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}<br /><div class="forum-stats">{catrow.forumrow.POSTS} messages & {catrow.forumrow.TOPICS} sujets.</div></span></div>
    </td>
 <!-- END forum_link_no -->
 
  </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>
<div id="table_foot"></div>
</div><div class="catfoot"></div>
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Mon CSS c'est un peux brouillons je me perd complétement -__-


Dernière édition par jiji98 le Jeu 2 Fév 2012 - 18:22, édité 1 fois

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

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

Résolu Re: Catégories perso

Message par Xibition le Mar 31 Jan 2012 - 0:31

HEEEEEEEEEEEEELP SVPPP Siffleur

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

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

Résolu Re: Catégories perso

Message par Invité le Jeu 2 Fév 2012 - 11:51

Bonjour,

Il suffit de retirer le tableau qui regroupe la description et les sous-forums, puis de déplacer l'image dans la dernière cellule.
Ceci :
Code:
<table width="100%"><tr><td class="sep"  width="75%"><div id="forumdesc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div></td><td  width="25%"class="sousfo"><span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script></td></tr></table>
devient :
Code:
<div id="forumdesc"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
        <div class="Sous-fo"><span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div>

et ceci :
Code:
<td class="row3 over" align="left" valign="right" height="50" colspan="2">
<center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></center>
      <div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}<br /><div class="forum-stats">{catrow.forumrow.POSTS} messages & {catrow.forumrow.TOPICS} sujets.</div></span></div>
    </td>
devient :
Code:
<td class="row3 over" align="left" valign="right" height="50" colspan="2">
    <center>
      <div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}<br /><div class="forum-stats">{catrow.forumrow.POSTS} messages et {catrow.forumrow.TOPICS} sujets.</div></span></div>
    <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></center>
    </td>

Les liens à coté de la description, ainsi que la scrollbar se réalisent dans chaque description de forum à l'aide d'un tableau. C'est impossible de passer par les template pour cela.

Pour le reste, il faut passer par la feuille CSS. Si vous avez besoin d'aide, il faudrait me fournir votre CSS personnalisé.

Cordialement.

Invité
Invité


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

Résolu Re: Catégories perso

Message par Xibition le Jeu 2 Fév 2012 - 18:21

Oui c'est parfait merci cheers

Xibition
****

Féminin
Messages : 457
Inscrit(e) le : 23/05/2011

Xibition 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