Barre de fond des catégories unie Tutoriel pour les forums Forumactif, adaptable le cas échéant. Explique comment avoir une barre de fond des catégories continue et non pas interrompue entre la partie "forums" et la partie "sujets"/"messages"/"derniers messages" (Tutoriel de Hakuso Nouvan)
|
tutoriel réalisé à l'origine par Hakuso Nouvan, corrigé par 'Christa
Vous savez autant que moi que le design d'un forum peut s'avérer très important. En particulier, il existe quelques détails qui peuvent gêner l'œil et dont vous ne savez pas comment vous débarrasser. Ici, il sera donc question de la barre de fond des catégories.
Exemple : (Crédit : Subsilver III)
Ici, ce n'est pas un détail gênant, même si on voit un horrible trait blanc qui COUPE la ligne.
Mais dans ce cas là : (Crédit : Midnight Journey)
Cela devient un peu plus gênant et en plus ça casse un peu la ligne.
Ce tutoriel est fait pour vous !
- Allez dans le panneau d'administration.
- Allez sur "Affichage". Sur la menu de gauche, sélectionnez "Général" dans la catégorie Template
- Modifiez le fichier index_box
Retrouvez cette partie :
Code ▼ Sélectionner le code
<!-- BEGIN tablehead -->
<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>
<!-- 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%">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>Remplacez par :
Code ▼ Sélectionner le code
<!-- BEGIN tablehead -->
<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="100%">{L_TOPICS}</th>
<th nowrap="nowrap" width="100%">{L_POSTS}</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="100%"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="5">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a> </span> </td>Enregistrez les modifications, et normalement ça donne :
