Sujets similaires

Salut à vous Smile

Et bien je vais vous expliquer mon petit problème ^^
En gros, je souhaite passer a la v2 de mon forum en mars (oui il y a du temps mais je souhaite tout préparer a l'avance) et j'aimerais avoir des catégories en onglets sur mon forum tout en gardant les modifications fait sur ma template index_box et dans le css..
Si quelqu'un pouvait m'aider a creer un code pour les onglets tout en gardant mes modif... ce serais vraiment sympa de m'aider en de prendre cette peine surtout ! Very Happy

Je sais pas si j'ai bien été clair mais je n'hésiterais pas a me répéter plus clairement.
et désolé si je suis trop demandeur (?) mais j'aimerais pouvoir faire un résultat proche de ceci :
https://i.servimg.com/u/f16/16/99/82/30/cate_o10.jpg

Encore un grand merci a ceux qui m'aideront ou qui auront essayer Smile

Edit : Comment mettre sa template sans que cela prenne toute la page svp ? u.u

Bonsoir

Pour ton template, met le entre les balises code comme ceci: [ code]template concerné[/ code]
(en enlevant les espaces que j'ai rajouté pour que tu puisses les lire Catégories en onglet tout en gardant ses modifications 926145

Catégories en onglet tout en gardant ses modifications 926145

)

Petite précision après concernant ton problème; ici on ne fait pas de commandes et ta demande y ressemble beaucoup. Enfin bon les codeurs trouveront peut-être le moyen de t'aider en te faisant mettre la main à la patte Razz

. Pense bien à mettre ton template, ton css, voire un lien de ton forum.

Bonne soirée!

Oui je comprend e effectivement j'aimerais bien pouvoir aider un peu (pour le faire seul apr la suite)
Voici ma template :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<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>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <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}>
<div class="stats_cate">{catrow.forumrow.TOPICS} sujets contenant {catrow.forumrow.POSTS} messages</div>
<div class="description">{catrow.forumrow.FORUM_DESC}</div>
<span class="gensmall">

{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

{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>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Mon css :

Code:: astu_cat a:{
background-image: url(http://astuforum.free.fr/forum/onglets/1_0.png);
}
.astu_cat_style a:hover{
background-image: url(http://astuforum.free.fr/forum/onglets/1_1.png);
}
.astu_cat_style a:focus{
background-image: url(http://astuforum.free.fr/forum/onglets/1_2.png);
}
.astu_cat_style {
display:inline;
font-size: 0.65em;
padding-left:6px;
padding-right:6px;
}
.astu_cat_style a{
border-top: 1px #B8B8B8 solid;
border-left: 1px #B8B8B8 solid;
border-right: 1px #B8B8B8 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-radius-topleft: 6px;
-webkit-border-radius-topright: 6px;
-border-radius-topleft: 6px;
-border-radius-topright: 6px;
text-align:center;
font-size: 0.65em;
background-color:#DCE6EC;
padding-left:6px;
padding-right:6px;
display:inline;
font-size: 0.65em;
letter-spacing: -0.1em;
font-weight: bolder;
font-family: verdana;
}
.astu_cat a:hover{
text-decoration: none !important;
color: #000000;
background-image: url(http://astuforum.free.fr/forum/onglets/1_1.png);
}
.astu_cat a:focus{
text-decoration: none !important;
color: #000000;
background-image: url(http://astuforum.free.fr/forum/onglets/1_2.png);
}
.astu_table{
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;
font-family: Verdana;
}
.astu_forum_nom{
display:none;
}
.astu_folder{
width: 50%;
margin-left: 10px;
}
.astu_desc{
width: 80%;
float:left;
text-align:left;
font-size: 0.68em;
background-color:#DCE6EC;
-moz-border-radius-topleft: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px
border-top-left-radius: 20px;
border-bottom: 2 px solid #000000;
border-left: 2px solid #000000;
border-top: 2px solid #000000;
padding-top: 15px;
padding-left:8px;
padding-right:15px;
}
.astu_stats{
background-color:#DCE6EC;
font-size: 0.65em;
-moz-border-radius-topleft: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-top-left-radius: 20px
border-top-left-radius: 20px;
border-bottom: 2 px solid #000000;
border-left: 2px solid #000000;
border-top: 2px solid #000000;
padding: 3px;
position: relative;
text-align: center;
width: 200px;
}
.astufo_titre a{
text-align:left;
text-align middle;
padding-bottom: 5px;
padding-left: 20px;
padding-right:20px;
background-image: url(http://astuforum.free.fr/forum/onglets/1_0.png);
-moz-border-radius: 6px;
border: 1px solid #000000;
width: 70%;
background-repeat: repeat-x;
background-position: bottom;
font-weight: bolder;
}
.astufo_titre a:hover{
text-align:left;
text-align middle;
padding-bottom: 5px;
padding-left: 20px;
padding-right:20px;
background-image: url(http://astuforum.free.fr/forum/onglets/1_2.png);
-moz-border-radius: 6px;
border: 1px solid #000000;
color:#000000;
}
.astu_titre{
text-align:center;
font-size: 0.70em;
font-family: courrier;
text-decoration: none !important;
height:20px;
}
.astu_titre a{
text-align:center;
font-size: 14px;
font-family: courrier;
text-decoration: none !important;
}

.astu_cat_body{
border-left: 0px solid #cce6ff;
border-right: 0px solid #cce6ff;
border-bottom: 0px solid #000000;
border-top: 0px solid #cce6ff;
-moz-border-radius: 6px;
}
.astu_cat ul{
padding-bottom:10px;
padding-left: 20px;
margin:0;
padding-top: 5px;
width: 800px !important;
}
.astu_cat li{
margin-left: 1px;
}

.astu_cat a{
text-decoration: none !important;
}

a.forumlink{
display:block;
font-size:14px; /* la taille de la police */
padding:2px; /* Pour éviter que le texte ne soit collé aux bords de la case */
text-align:center;
font-variant:small-caps; /* Les petites capitales */
color:#6e5831 !important; /* On force l'application de cette propriété grâce au !important */
border-bottom:4px double #6a3e1a;
font-weight:normal; /* Le texte non boldé */
margin-bottom:10; /* Pour qu'il n'y ait pas trop d'espace entre le titre et ce qu'il y a en dessous */
}
a.forumlink:hover{
font-variant:small-caps;
color:#6e5831 !important;
border-bottom:4px double #6a3e1a;
font-weight:bold; /* Texte en gras */
display:block;
}
div.stats_cate{ /* La div ayant pour class 'stats_cate' */
font-size:12px;
text-align:right;
border-bottom:#6a3e1a 1px solid;
border-right:#6a3e1a 3px solid;
font-style:italic; /* On met le texte en italic */
color:#6a3e1a;
padding-right:4px; /* On met un peu de remplissage pour éviter que notre bloc soit collé au bord droit de la case */
margin-bottom:4px;
margin-top:-12px; /* On évite de mettre un trop gros espace entre le titre et notre bloc de stats' */
width:220px; /* On impose une largeur pour ne pas que la bordure en bas soit sur toute la largeur de la case */
margin-left:385px; /* On place le bloc à droite en le décallant par rapport au bord gauche de la case */
}
div.description{ /* La div ayant pour class 'description' */
background-color:#ffffff; /* On lui donne une couleur de fond */
-moz-border-radius: 10px; /* Réglage des arrondis des coins pour mozilla */
-webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */
border-radius:10px; /* réglage des arrondis des coins */
border:1px solid #b79981;
width:560px;
min-height:20px; /* La hauteur minimum */
font-size:12px;
text-align:justify;
text-indent:6px; /* La première ligne du bloc sera décallée de 6px vers la droite */
padding:4px;
margin:4px;
color:#6e5831;
}

/*******************************************/
/* CODE DE POP-UP DE CONNEXION
/*******************************************/
#login_popup > table {
background: url("http://img71.xooimage.com/files/d/c/0/poplogin_bg-top-30054ce.png") no-repeat;
width: 570px;
}

#login_popup .titre td {
height: 90px;
font: bold italic 25px/1.5em Georgia, Arial, serif;
color: #f9f5f1;
text-shadow: 0 2px #532831;
text-align: center;
}

#login_popup .message {
background: url("http://img72.xooimage.com/files/4/1/f/poplogin_bg-layout-30054d0.png") repeat-y center top;
}

#login_popup .message td {
min-height: 60px;
display: block;
width: 420px;
margin: auto;
color: #785547;
text-align: center;
font: 14px "Trebuchet MS", Arial, serif;
}

#login_popup .boutons {
margin-top: -1px;
}

#login_popup .boutons td {
padding: 15px 0 25px;
display: block;
width: 430px;
margin: auto;
text-align: center;
background: url("http://img69.xooimage.com/files/6/3/6/poplogin_bg-bottom-30054e3.png") no-repeat center bottom;
border-radius: 0 0 10px 10px;
}

#login_popup input {
background: url("http://img67.xooimage.com/files/d/5/d/poplogin_bg-btn-300545a.png") repeat-x left top;
height: 32px;
padding: 0 10px;
border-radius: 5px;
border: 1px solid #5f2d37;
box-shadow: 0 1px 0 #928276;
color: #edd9c9;
text-shadow: 0 1px #532831;
font: italic 16px/1.5em Georgia, serif;
cursor: pointer;
}

#login_popup input + input {
margin-left: 5px;
}

#login_popup input:hover {
background-position: left bottom;
color: #f7f0ea;
}

Voila j'espere que quelqu'un pourra m'expliquer ^^

Bonsoir et joyeux noël !

Tout d'abord, tu va devoir faire quelques manipulations pour commencer.
Vu que sur ton schéma, tu ne veux pas que les modérateurs apparaissent, on va les supprimer. Cherche ceci et supprime le :

Code:: 
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}

Ensuite, tu souhaites déplacer la colonne sujet et message. On va donc commencer par supprimer ce qui se trouve à côté de la case "Derniers messages". Cherche ce bout de code et supprime le :

Code:: <th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>

On va ensuite déplacer les statistiques des sujets et des messages. Cherche ceci :

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>

Et supprime toutes les balises td (en gros, il ne te restera plus que des span). Copie ses deux span et colle les juste après :

Code:: <div class="description">{catrow.forumrow.FORUM_DESC}</div>

A toi après de rajouter les mots messages et sujets à la suite des variables sachant que :
La variable topics = Nombre de sujets
La variable Posts = Nombre de messages.

J'espère t'avoir aidé !

Tout d'abord merci pour ta réponse et joyeux Noel Smile

J'ai bien tout changer et il y a bien un petit résultat mais ce n'est pas exactment ce que je cherche faire :/

Voila un petit appercu de ce aue j'espere faire : https://i.servimg.com/u/f16/16/99/82/30/cate_o10.jpg
Des catégories en onglets seulement ^^

Merci pour ton aide en tout cas et passe une bonne soirée Smile

Edit : Je laisse le lien dem on forum test pour te montrer le resultat : http://errttyy.forumactif.com/

Desolé du double post mais jai trouver une solution pour les onglets et voici mon second probleme :
comment "fusionner" ce code la :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<div class="my_cat"> <ul></ul> </div>

<div class="my_cat_body">

<table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0">
<div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>



<tr>
<td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td>
</tr>
<tr>
<td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
<td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
<td class="my_stats" width="200" valign="top">
Topics: {catrow.forumrow.TOPICS}<br />
Posts: {catrow.forumrow.POSTS}<br />
Dernier post: {catrow.forumrow.LAST_POST}<br />

</td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />
</div>

avec ce code ci :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<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>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <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}>
<div class="stats_cate">{catrow.forumrow.TOPICS} sujets contenant {catrow.forumrow.POSTS} messages</div>
<div class="description">{catrow.forumrow.FORUM_DESC}</div>
<span class="gensmall">

{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>


      <span class="gensmall">{catrow.forumrow.TOPICS}</span>


      <span class="gensmall">{catrow.forumrow.POSTS}</span>


      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
   <div class="description">{catrow.forumrow.FORUM_DESC}</div>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Afin de garder les onglets et les autres modifs ? Merci de vos futurs reponses Smile

Et bonne journee !

Hello,

Ton problème est-il toujours d'actualité ?
Si d'ici 4 jours nous n'avons pas de réponses de ta part, le sujet sera archivé. Si le problème est résolu, n'oublie pas de nous prévenir !

Merci de ta compréhension. Catégories en onglet tout en gardant ses modifications 90719

Catégories en onglet tout en gardant ses modifications 90719

Hello !
N'ayant toujours pas obtenu de réponse, je considère ce sujet comme résolu !
Merci de ta compréhension Catégories en onglet tout en gardant ses modifications 926145

Catégories en onglet tout en gardant ses modifications

Catégories en onglet tout en gardant ses modifications

Sujets similaires

Sujets similaires

Partenaires Or