Disposition des catégories

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

Résolu Disposition des catégories

Message par Daewyn le Jeu 23 Juin 2011 - 16:55

Alors alors. Tout d'abord, bonjour et merci de prendre le temps de vous pencher sur ma demande.

Je suis en train de créer un design pour l'ouverture de mon forum, et j'aurais aimé quelque chose d'un peu original pour la mise en forme des catégories. En l'occurence, que ça ressemble un peu à ça :

Spoiler:

En gros, mettre tout dans une seule colonne (la description de la catégorie, le titre, le nombre de sujets/messages, l'image nouveaux messages etc). Sauf que je n'arrive pas à savoir quelles colonnes supprimer ou quoi déplacer pour avoir ce rendu X_x Et j'ai eu beau farfouiller sur FA, je n'ai pas trouvé de topics pouvant m'aider.

Pour le moment j'ai juste supprimé la colonne sujets-messages, comme on le voit partout. L'adresse de mon forum est celle disponible sur mon profil, et voici mon template index_box (modifié) :

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}">{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>
<table id="conteneur_onglets">
  <tr>
      <td OnClick="change_categorie(1)">nom onglet 1</td>
      <td OnClick="change_categorie(2)">nom onglet 2</td>
      <td OnClick="change_categorie(3)">nom onglet 3</td>
      <td OnClick="change_categorie(4)">nom onglet 4</td>
      <td OnClick="change_categorie(5)">nom onglet 5</td>
<!--  <td OnClick="change_categorie(Y)">nom onglet Y</td>  -->
  </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 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;"></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>

            </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"><span class="gensmall"><strong>{catrow.forumrow.POSTS}</strong> Messages ♦ <strong>{catrow.forumrow.TOPICS}</strong> Sujets<br>{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" /></div><!-- END tablefoot --><!-- END catrow -->

Voilà, bon courage et un immense merci à ceux qui accepteront bien de m'aider ** S'il y a besoin d'un schéma plus précis pour vous montrer ce que je veut (qui n'est pas exactement le screen que j'ai posté) j'éditerai à la suite =)


Dernière édition par Daewyn le Sam 25 Juin 2011 - 15:03, édité 2 fois

Daewyn
***

Féminin
Messages : 182
Inscrit(e) le : 23/06/2011

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

Résolu Re: Disposition des catégories

Message par SoraNoHime le Jeu 23 Juin 2011 - 17:01

Bonjour

Pouvez-vous me fournir plutot un schéma de ce que vous désirez ? Avez-vous déjà associée de la css avec vos catégories, si oui me la fournir.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Disposition des catégories

Message par Daewyn le Jeu 23 Juin 2011 - 17:14

Voici le schéma de ce que je voudrais plus précisément :

Spoiler:

Je pense à mettre en forme via un tableau, mais bien sûr il faudra d'abord que je règle mon problème de colonnes et les variables à déplacer X_x

Pour le CSS, le voici (je le livre en entier au cas où) :

Code:
/***APPARENCE FORUM***/


body {
margin-top: -10px;
margin-bottom: -10px;
}

#i_logo {                                /***A REVOIR ***/
margin-left:-10px;
margin-right:-10px;
margin-top: -10px;
margin-bottom:-10px;
}


/***CATEGORIES EN ONGLETS***/

#conteneur_onglets
{  width: 100%;
  margin-top: 20px;
  text-align: center;
  font-family: GEORGIA;
  color: #892110;
  border-collapse: collapse; }


#conteneur_onglets td
{ cursor: pointer; }

.actif
{ text-transform: uppercase; }


/*** QEEL ***/
.tableauqueel{
background-color : #COLOR ;
border : solid Xpx #COLOR ;
-moz-border-radius : Xpx Xpx Xpx Xpx}

.partiedroite {
font-size : 12px ;
text-align: justify;
border-left : 3px dotted #892110 ;
margin-left : 5px
margin-right : 5px }

.groupes{
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:10px;
font-family: GEORGIA;
text-align:center;
text-decoration: none !important;
}
 

/*** LIENS ***/

a:link,a:active,a:visited {
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    }

a:hover{
    text-decoration: none !important;
    }

a.mainmenu
{
font-size: 14px;
text-align : center ;
color: #892110;
font-family: GEORGIA;
text-transform : uppercase;
}


/*** PROFIL ***/

.pseudo {                                      /*** A REVOIR ***/
      font-family: Georgia;
      text-transform: uppercase;
      margin-top: 5px;
      margin-bottom: 3px;
}

.pseudo a{                                      /*** A REVOIR ***/
      font-size: 16px;
}

.profil_contour                    /*** A REVOIR ***/
{
width:220px;
background-color: #26211B;
margin:-10px;
-moz-border-radius:15px;
border: 1px solid #2E2924;
padding-bottom: 5px;
}

.profilmasque /*ceci s'appliquera sur le bouton et le profil masqué*/
{
width:190px;
background-color: #2E2924;
border: 1px solid #2E2924;
-moz-border-radius:10px;
}

.profil1/*ceci s'appliquera au bouton*/
{
width: 190px;
-moz-border-radius:10px;
background-color: #26211B;
border: 1px solid #2E2924;
font-size: 12px;
letter-spacing: 1px;
}


/***APPARENCE CAT-FO***/

.postbody { text-align:justify; padding:10px;}
.forumline { -moz-border-radius:20px;  -webkit-border-radius:20px;  }

.forumline .row1 {
padding:10px;
}

.forumline .row2, .forumline .row3, .forumline .row3Right {
padding:10px;
}


/***DESCRIPTION FORUM***/

a.forumlink:link, a.forumlink:active, a.forumlink:visited {

font-size: 22px;
font-family: Times New Roman;
text-align: center;
text-transform : uppercase;
font-weight: lighter;
display: block;
border-bottom: 3px double #892110;
}

a.forumlink:hover, a.forumlink:hover:visited {
color: #993C2E;
text-decoration: none;
display: block;
}


/* ********** OPACITÉ ********** */

.blabla {
filter:alpha(opacity=50);
-moz-opacity:0.5;opacity: 0.5;
}

.blabla:hover {
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}



/* ********** ONGLET ********** */

.onglet
        {
                display:inline-block;
                margin-left:3px;
                margin-right:3px;
                padding:3px;
                border:0px dashed white;
                cursor:pointer;
        }
        .onglet_0
        {
                background:#transparent;
                border-bottom:0px dashed white;
        }
        .onglet_1
        {
                background:#transparent;
                border-bottom:0px dashed white;
                padding-bottom:4px;
        }
        .contenu_onglet
        {
                background-color:#transparent;
                border:0px dashed white;
                margin-top:-1px;
                padding:5px;
                display:none;
        }



/* ********** INFOBULLE ********** */

a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 5px; /* on positionne notre infobulle */
  left: 15px;

  background: #3b718d; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 3px;
text-shadow: black 0px 1px 12px;

  /* bordures de votre infobulle*/
 border: 3px solid #3b718d;
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


/*Onglet*/

.text {
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_nomonglet1,#cat_nomonglet2,#cat_nomonglet3,#cat_nomonglet4,#cat_nomonglet5 /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}

.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background: url('URL_ONGLET_ACTIF') no-repeat; /*URL de l'onglet étant actif*/
width:LARGEURpx; /*Largeur de l'onglet étant actif*/
height:HAUTEURpx; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
}

.onglet_nactif {
background:url('URL_ONGLET_INACTIF') no-repeat; /*URL de l'onglet étant inactif*/
width:LARGEURpx; /*Largeur de l'onglet étant inactif*/
height:HAUTEURpx; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
}


/***PA ONGLETS ***/

.paonglet
        {
        display:inline-block;
        margin-left:20px;
        margin-right:20px;
        padding:10px;
        cursor:pointer;
        background-color: #8A8A8A;
        color: #fff;
        }
        .paonglet_0
        {
        border-radius: 2px 2px 2px 2px;
        -moz-border-radius: 2px 2px 2px 2px;
        -webkit-border-radius: 2px 2px 2px 2px;
        }
        .paonglet_1
        {
          color: #9F0000;
          border-radius: 2px 2px 2px 2px;
          -moz-border-radius: 2px 2px 2px 2px;
          -webkit-border-radius: 2px 2px 2px 2px;
        }

        .contenu_paonglet
        {
                margin-top:-1px;
                padding: 2px;
                display:none;
                height: 320px;
        }

Daewyn
***

Féminin
Messages : 182
Inscrit(e) le : 23/06/2011

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

Résolu Re: Disposition des catégories

Message par SoraNoHime le Sam 25 Juin 2011 - 13:09

Voici déjà le template modifié. Ensuite, il nous faut régler le design selon vos besoin, à savoir, voulez-vous un tour autour de chaque parties comme vous me l'avez mis sur le schéma, où était-ce seulement pour indiquer les emplacements ?

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 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="row1 over" colspan="2" valign="top" width="100%"><table width="100%"><tr><td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" align="center" valign="middle" 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}></td>
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"><div style="width:150px;">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
      </td>
</tr><tr>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <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} Sujets *
         <span class="gensmall">{catrow.forumrow.POSTS} Messages<br><br>
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td></tr></table></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 -->

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Disposition des catégories

Message par Daewyn le Sam 25 Juin 2011 - 14:19

Niii, merci beaucoup de votre réponse rapide **

Alors pour ce qui est du design, c'était juste pour indiquer les emplacements =° Par contre, est ce que je pourrais savoir ce qui a été modifié/déplacé exactement dans le template ? Vu que j'ai mis en place une navigation par onglets et que j'aimerais la garder si possible...

EDIT : en fait c'est bon, je regardais bêtement le mauvais template x)

Cordialement.


Dernière édition par Daewyn le Sam 25 Juin 2011 - 14:27, édité 1 fois

Daewyn
***

Féminin
Messages : 182
Inscrit(e) le : 23/06/2011

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

Résolu Re: Disposition des catégories

Message par SoraNoHime le Sam 25 Juin 2011 - 14:25

Normalement ce que j'ai changé à l'intérieur des catégories ne peux interférer avec la navigation par onglets, puisqu'en fait, j'ai juste ajouter un tableau dans la cellule d'une catégorie, et replacé les éléments.

Par contre, c'est l'en-tête qui peut peut être vous poser problème, vu que j'y a enlevé deux cellules (sujets et messages).

Pouvez-vous me donner votre template actuel et votre css avant d'essayer les changements que je vous ai donné, je vais vérifié celà.

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Disposition des catégories

Message par Daewyn le Sam 25 Juin 2011 - 14:39

Alors, le template index_box (sans vos modifications) et le CSS sont les mêmes que ceux livrés plus haut, je n'ai rien rajouté ^^ Par contre ça m'enlève effectivement la navigation par catégorie (tout le script a disparu) donc j'aimerais vraiment savoir où commencent les modifications si possible éè

Cordialement.

Daewyn
***

Féminin
Messages : 182
Inscrit(e) le : 23/06/2011

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

Résolu Re: Disposition des catégories

Message par SoraNoHime le Sam 25 Juin 2011 - 15:00

Voici votre template complet, j'ai vérifié en reprenant votre css également.

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}">{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>
    <table id="conteneur_onglets">
      <tr>
          <td OnClick="change_categorie(1)">nom onglet 1</td>
          <td OnClick="change_categorie(2)">nom onglet 2</td>
          <td OnClick="change_categorie(3)">nom onglet 3</td>
          <td OnClick="change_categorie(4)">nom onglet 4</td>
          <td OnClick="change_categorie(5)">nom onglet 5</td>
    <!--  <td OnClick="change_categorie(Y)">nom onglet Y</td>  -->
      </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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
      <th 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="row1 over" colspan="2" valign="top" width="100%"><table width="100%"><tr><td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" align="center" valign="middle" 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}></td>
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle"><div style="width:150px;">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
      </td>
</tr><tr>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <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} Sujets *
        <span class="gensmall">{catrow.forumrow.POSTS} Messages<br><br>
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td></tr></table></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 -->

Mes changements aller de
Code:
 <tr>
      <th nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

à
Code:
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td></tr></table></td>
  </tr>
  <!-- END forumrow -->

je vous les ai est replacé. Tout fonctionne sur mon forum test. Est-ce pareil pour vous ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Disposition des catégories

Message par Daewyn le Sam 25 Juin 2011 - 15:03

C'est bon pour moi aussi ^^ Problème résolu donc, et encore merci o/

Daewyn
***

Féminin
Messages : 182
Inscrit(e) le : 23/06/2011

Daewyn 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