• Ce tutoriel s'applique aux forums ForumActif en version phpbb2
• Vous devez être fondateur pour pouvoir éditer les templates
Retirer les colonnes "Sujets" et "Messages"
Dans la mesure où on va placer les statistiques ailleurs, les deux colonnes qui contiennent ces valeurs deviennent obsolètes. La première étape sera donc de s'en débarrasser.
Pour ceci, rendez-vous tout d'abord sur votre panneau d'administration, onglet
Affichage, puis dans le menu
Templates » Général et éditez le template
index_box.
Cherchez, puis supprimez les lignes de code suivantes :
- Code:
-
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
Le titre de la colonne "Sujets"
- Code:
-
<th nowrap="nowrap" width="50">{L_POSTS}</th>
Le titre de la colonne "Messages"
Ce n'est pas tout, on a retiré le titre des deux colonnes mais les colonnes en elles-mêmes sont toujours là. Plus bas dans le code de votre template,
cherchez, puis supprimez ce bout de code :
- 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>
Attention aux erreurs d'inattention, vous devez supprimer deux cellules, n'oubliez pas le
</td>
final par exemple.
Remarquez les variables
{catrow.forumrow.TOPICS}
et
{catrow.forumrow.POSTS}
, nous les réutiliserons plus tard, ce sont elles qui affichent respectivement le nombre de sujets et le nombre de messages des forums.
Positionner les statistiques du forum
Toutes les modifications qui suivent nécessitent de modifier le template
index_box comme précédemment.
Méthode 1 : Placer les statistiques à droite du titre du forum
Trouvez cette partie de code :
- Code:
-
<h{catrow.forumrow.LEVEL} class="hierarchy">
Juste
avant cette partie,
ajoutez cette ligne :
- Code:
-
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
(Puis sautez une ligne histoire de pouvoir vous y retrouver)
Ensuite, toujours dans l'onglet
Affichage de votre panneau d'administration, sélectionnez le menu
Images et couleurs » Couleurs, puis l'onglet Feuille de style CSS et ajoutez-y ce code :
- Code:
-
.StatsForum {
float:right;
font-size:9px;
padding:2px;
}
Évidemment, si vous avez les bases nécessaires en CSS, vous pouvez ensuite personnaliser l'apparence du texte selon vos souhaits.
Méthode 2 : Placer les statistiques à gauche du titre du forum
Utilisez la même méthode que précédemment, mais dans le CSS remplacez
float:right;
par
float:left;
Méthode 3 : Placer les statistiques sous le titre du forum
Trouvez cette partie de code :
- Code:
-
</h{catrow.forumrow.LEVEL}>
Juste
après cette partie, sautez une ligne et
ajoutez cette ligne :
- Code:
-
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
Ensuite, toujours dans l'onglet
Affichage de votre panneau d'administration, sélectionnez le menu
Images et couleurs » Couleurs, puis l'onglet Feuille de style CSS et ajoutez-y ce code :
- Code:
-
.StatsForum {
font-size:10px;
text-align:left; /* alignement du texte : left, center ou right */
}
Et ajoutez toutes les propriétés CSS que vous voulez pour la mise en forme.
Méthode 4 : Placer les statistiques sous la description
Trouvez cette partie de code :
- Code:
-
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
Juste
après ce code, ajoutez cette ligne :
- Code:
-
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
Le code CSS correspondant est le même que celui pour placer les statistiques sous le titre.
Méthode 5 : Placer les statistiques sous la liste des sous-forums
Trouvez cette partie de code :
- Code:
-
<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>
Juste
après ce code, ajoutez cette ligne :
- Code:
-
<div class="StatsForum">{catrow.forumrow.TOPICS} sujets & {catrow.forumrow.POSTS} messages</div>
Le code CSS correspondant est le même que celui pour placer les statistiques sous le titre.