Personnaliser ses catégorie.

[Bella♥]

Coucou.

J'aimerais un peu avoir mes catégories de ces Manières :

Spoiler:

J'explique : En haut il y aurai le nom de la catégorie, en suite. Encadré de façon arrondi au coins. Il y aura tout les forums, représentez de la Manière que sur le schéma. Et les catégorie serais séparer. Et j'aimerais que la descriptions des forums, si elle est trop longue, qu'elle est une Scrollbar.

Si vous n'avez pas compris prévenez moi ;D

Merci d'avance Bisous.

[SoraNoHime]

Bonsoir

votre index_box est-il déja modifié ? si oui merci de me le fournir .

Cordialement.

[Bella♥]

Il n'est pas Modifier.

Mais le voulez vous comme même ?

[SoraNoHime]

Cela ira ^^. Je m'en occupe. Par contre cela peut me prendre un peu de temps, n'hésitez pas à upper votre sujet (1 fois toutes les 24h) si besoin.

[Bella♥]

UP (En avance après je me déconnecte) ^^

[Bella♥]

Petit nouveau UP ;D

[SoraNoHime]

Je suis justement dessus, vous pouvez voir l'avancer en allant ici

Edit : voici votre index_box : modifier le en cliquant sur et remplacez tout par ceci

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 width="100%" border="0" cellspacing="0" 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">
         <br/><FIELDSET class="interfo">
<LEGEND><span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></LEGEND>
            </span><table><tr><td colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<div align="right"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
         <div class="descrip"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
         <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 align="center" valign="middle" height="50"><div style="width:150px;" class="dersuj">
         <span class="gensmall">Messages : {catrow.forumrow.POSTS} Sujets : {catrow.forumrow.TOPICS}</span><br/>
         <span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td></tr></table></FIELDSET></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 -->

enregistrez et publiez votre template en cliquant sur

puis dans votre css, ajoutez :

/*cadre dernier sujet*/
.dersuj {
border : 1px solid #000000;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}

/*cadre description des forums*/
.descrip {
border : 1px solid #000000;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}

/*intérieur du cadre du forum*/
fieldset.interfo {
background-color : #ff0000;
border : 1px solid #000000;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}

/*fond du titre de la catégorie*/
.secondarytitle {
background-color : transparent;
border-bottom : 1px solid #000000;
}

/*titre de la catégorie*/
.secondarytitle h2 {
position : relative;
top : 10px;
}

et personnalisez les parties en rouge.

Cordialement.

[Bella♥]

Merci. Je vais tester. J'éditerais ce post en cas de problème ;D


EDIT : Comment activer le : Nom du sujet ?

[SoraNoHime]

j'ai du mal à saisir ? qu'appellez-vous nom du sujet ?

[Bella♥]

Dans lequel le dernier post à été poster. Comment on fait pour que le nom du sujet où il y a us le dernier post ;D

EDIT : il y a un nouveau problème. Comment enlever la couleurs marron clair ?

[SoraNoHime]

/*fond du titre de la catégorie*/
.secondarytitle {
background-color : transparent;
border-bottom : 1px solid #000000;
}

normalement ceci devrait vous rendre cette partie transparente.

Pour mettre les liens des sujets , aller dans PA > Affichage > Structures & Hiérarchie >

Afficher le titre du sujet du dernier message d'un forum sur l'index : mettez oui et enregistrez.

[Bella♥]

Merci pour les sujets ;D Mais pour le titre des catégories sa restes....

[SoraNoHime]

Code:

/*fond du titre de la catégorie*/
.secondarytitle {
background-color : none;
border-bottom : 1px solid #000000;
}

Et ainsi ?

[Bella♥]

Sa reste.

[SoraNoHime]

POuvez-vous me fournir votre css s'il vous plait ?

[Bella♥]

Voici seulement la partie pour les catégories :

Code:

/*cadre dernier sujet*/
.dersuj {
border : 1px solid white;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}

/*cadre description des forums*/
.descrip {
border : 1px solid white;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}

/*intérieur du cadre du forum*/
fieldset.interfo {
background-color : #D1D1D1;
border : 3px solid white;
-moz-border-radius: 20px ;
-webkit-border-radius:20px;
-border-radius:20px;
-khtml-border-radius:20px;
padding : 5px;
}

/*fond du titre de la catégorie*/
.secondarytitle {
background-color : none;
border-bottom : 3px solid white;
}

/*titre de la catégorie*/
.secondarytitle h2 {
position : relative;
top : 10px;
}

[SoraNoHime]

Dans PA > Affichage > Structures et Hiérarchie, quelle structure avez-vous mise ?

[Bella♥]

Séparer les catégories sur l'index > Moyen.

[SoraNoHime]

Remplacez :

Code:

/*fond du titre de la catégorie*/
.secondarytitle {
background-color : none;
border-bottom : 3px solid white;
}

/*titre de la catégorie*/
.secondarytitle h2 {
position : relative;
top : 10px;
}

par

Code:

/*fond du titre de la catégorie*/
.secondarytitle {
background-color : transparent;
border-bottom : 3px solid white;
}

/*titre de la catégorie*/
.secondarytitle h2 {
background-color : transparent;
position : relative;
top : 10px;
}

Cela devrait etre bon maintenant ^^

[Bella♥]

Sa reste ^^

EDIT : Ses bon réussi ;D