Apparence des catégories

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

Résolu Apparence des catégories

Message par piman le Sam 10 Mar 2012 - 23:02

Bonsoir !
J'ai cherché et trouvé de nombreux sujets sur l'apparence des catégories, le problème est que j'ai déjà modifié pas mal de choses dans mes templates et je ne peux donc pas refaire les mêmes effets que dans ces sujets. Alors j'aurais besoin d'aide pour faire ce que souhaiterais ^^

Actuellement j'ai ça
Spoiler:

Et j'aimerais faire quelque chose comme ceci
Spoiler:

Voici mon template index_box pour l'affichage des catégories
Code:
       
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <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}"><font color="#6c5b5b">{L_SEARCH_NEW}</font></a>
       
                <a class="gensmall" href="{U_SEARCH_SELF}"><br><font color="#6c5b5b">{L_SEARCH_SELF}</font></a>
       
                <!-- END switch_user_logged_in -->
                  <a class="gensmall" href="{U_SEARCH_UNANSWERED}"><br><font color="#6c5b5b">{L_SEARCH_UNANSWERED}</font></a>
              </td>
          </tr>
        </table>
        <table>
        <div id="conteneur_onglets">
          <center><div OnClick="change_categorie(1)"><font face="Georgia" style="text-transform: uppercase;" size="3">The Begin</font></div><div OnClick="change_categorie(2)"><font face="Georgia" style="text-transform: uppercase;" size="3">Nom de la ville</font></div><div OnClick="change_categorie(3)"><font face="Georgia" style="text-transform: uppercase;" size="3">Gentry's district</font></div><div OnClick="change_categorie(4)"><font face="Georgia" style="text-transform: uppercase;" size="3">Lower's district</font></div><div OnClick="change_categorie(5)"><font face="Georgia" style="text-transform: uppercase;" size="3">Hors Jeu</font></div></center>
        </tr>
</table>

       
        <script type="text/javascript">
       
          function change_categorie(numero)
          {
              if($('.categorie:eq('+(numero-1)+')').size() != 0)
              {
                $('.categorie').css("display","none");
                $('#conteneur_onglets .actif').removeClass("actif");
             
                $('#conteneur_onglets td:eq('+(numero-1)+')').addClass("actif");
                $('.categorie:eq('+(numero-1)+')').fadeIn();
              }
              else
              {
                alert("Vous n'avez pas accès à cette catégorie")
              }
          }
       
          $("document").ready(function()
          {
              if($(".categorie").size() > 1)
              {
                if($("#conteneur_onglets").is("table"))
                {
                    $("#conteneur_onglets").css("display","table");
                }
                else
                {
                    $("#conteneur_onglets").css("display","block");
                }
              }
       
              change_categorie(1);
          })
       
        </script>
       
       
        <!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categorie"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <th 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 -->
          <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" width="100%"><table class="catcadre"><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="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>
       
                            </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></tr></table></td>
              <td class="row3 over" align="center" valign="middle" height="50">
                    <td class="row3 over" align="center" valign="middle" height="50"><div style="width:150px;" class="dersuj">
                        <span class="gensmall">{catrow.forumrow.LAST_POST}
        {catrow.forumrow.POSTS} Message | {catrow.forumrow.TOPICS} Sujets</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" /></div><!-- END tablefoot --><!-- END catrow -->

Comme particularité, il faut aussi que je vous signale que j'ai des catégories en onglet si c'est important, mais s'il faut je peux très bien les enlever, le plus important pour moi c'est leur apparence ^^

En tout cas, merci beaucoup à ceux qui ont déjà lu jusque là et encore plus à ceux qui m'aideront ! Je vous en serez vraiment très reconnaissante parce que ça m'aiderait vraiment beaucoup Smile

Bonne soirée !!


Dernière édition par piman le Sam 17 Mar 2012 - 11:43, édité 2 fois

piman
**

Féminin
Messages : 98
Inscrit(e) le : 27/04/2011

http://shadowofdeath.forumactif.com
piman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par piman le Lun 12 Mar 2012 - 16:08

Petit up ! ^^
J'espère que je suis clair dans mes explications =/

piman
**

Féminin
Messages : 98
Inscrit(e) le : 27/04/2011

http://shadowofdeath.forumactif.com
piman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par piman le Mar 13 Mar 2012 - 18:30

Petit up ^^'
Je suis pas nulle en HTML mais je serais bien incapable de faire ça, alors j'aimerais au moins un peu d'aide pour mettre le bouton New au dessus du dernier sujet...

piman
**

Féminin
Messages : 98
Inscrit(e) le : 27/04/2011

http://shadowofdeath.forumactif.com
piman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par piman le Mer 14 Mar 2012 - 14:38

Petit Up Smile

piman
**

Féminin
Messages : 98
Inscrit(e) le : 27/04/2011

http://shadowofdeath.forumactif.com
piman a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des catégories

Message par piman le Jeu 15 Mar 2012 - 22:20

Up =)

piman
**

Féminin
Messages : 98
Inscrit(e) le : 27/04/2011

http://shadowofdeath.forumactif.com
piman 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