Repérer la signature
Pour modifier la position de la signature, il va nous falloir faire un peu de CSS. Mais avant tout, il faut repérer l'emplacement de la signature dans le code de Forumactif.
Observons le le template
viewtopic_body (
Panneau d'Administration, onglet
Affichage puis menu
Templates » Général, cliquez sur
viewtopic_body)
Vous devez être le fondateur pour accèder aux templates.
Trouvez à présent le code suivant :
- Code:
-
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>
La fonction Ctrl+F vous aidera à trouver cette portion du code plus facilement.
Nous voyons donc à présent que la signature des membres est contenue dans une
div ayant pour classe
.signature_div
. A nous de jouer.
Modifier le CSS
Rendez-vous à présent dans le
Panneau d'Administration, onglet
Affichage puis menu
Images et couleurs » Couleurs en enfin
Feuille de style CSS.
Vous allez ici pouvoir ajouter votre CSS personnalisé à votre forum. C'est la propriété
text-align
qui va nous permettre de faire cela en jouant sur l'alignement du contenu du bloc de la signature.
Cette propriété comporte pour principales valeurs :
- left : le contenu est aligné à gauche (par défaut).
- right : le contenu est aligné à droite.
- center : le contenu est centré.
- justify : le contenu est justifié (aligné à droite et à gauche).
Positionner la signature au centreVous souhaitez que la signature de vos membres soit centrée par défaut ? Après ce que nous venons de voir, c'est assez facile.
Ajoutez-ceci à votre CSS :
- Code:
-
.signature_div {
text-align: center;
}
Positionner la signature à droiteDe la même manière, mais cette fois-ci à droite :
- Code:
-
.signature_div {
text-align: right;
}
Notez que vous pouvez appliquer l'ensemble des propriétés que vous souhaitez à vos signatures ainsi. Nous avons vu dans ce tutoriel comment, rapidement, centrer ou placer à droite leur contenu.
Libre à vous d'être créatif par la suite