Justifier les messages par défaut et ajouter une marge
Justifier les messages par défaut et ajouter une marge
Deux méthodes possibles pour avoir les messages de vos forums en justifié par défaut, ce qui fait beaucoup plus propre, et même avoir une petite marge entre la bordure et le texte. Tutoriel potentiellement adaptable à Xooit avec un peu d'astuce.
Pour justifier le contenu des messages par défaut, il existe deux méthodes, par les templates ou par le CSS seulement, la première étant plus barbare que l'autre :
Il vous faut tenir compte des changements de forumactif depuis que ce tutoriel a été rédigé, du template qui peut différer, etc, etc... Bref, sachez repérer l'endroit, mais certaines choses peuvent être différentes, ne paniquez pas (Au pire, posez la question à la suite de ce tutoriel).
Modifiez le code en l'encadrant de part et d'autre par les balises <div align="justify"> et </div> :
Pour avoir des marges tout autour de votre post (pour éviter que le texte soit collé contre la bordure à droite, surtout), vous pouvez même carrément utiliser <div align="justify" style="padding-right:10px;"> et </div>
A noter que vous pouvez remplacer la partie style="padding-right:10px;" par style="padding:10px;" pour des marges de 10 pixels (valeur à ajuster à votre désir) tout autour du texte. Ou bien remplacer par style="padding-right:10px;padding-left:10px;" si vous préférez juste gérer les marges à droite et à gauche.
En passant par le CSS
Ajoutez dans votre code CSS personnalisé :
Code:
.postbody { text-align:justify; }
Et si vous souhaitez une marge en plus, vous pouvez plutôt utiliser cette version du code CSS précédent :
Code:
.postbody { text-align:justify; padding:10px; }
Vous pouvez varier la valeur du padding si vous le souhaitez, ou bien remplacer par padding-right si vous souhaitez juste ajouter une marge à droite.
_________________
Source avatar & signature : illustrations par Diana da Costa
Les tutoriels de l'Enae Volare appartiennent à leurs auteurs respectifs et - sauf mention contraire - ne doivent en aucun cas être diffusés, redistribués ou repris de quelque façon que ce soit en dehors de l'Enae, que ce soit en partie ou en totalité.
Merci de créditer l'Enae si ce tutoriel vous a été utile, cela nous aidera à être connus et c'est un juste paiement en retour de nos services ;)
Vous avez un problème avec ce tutoriel, vous voudriez l'adapter à votre cas particulier mais ne savez pas comment vous y prendre ? Créez un nouveau sujet dans le forum Support Tutos !
Vous avez quelque chose à ajouter à ce tutoriel ? Ouvrez un sujet dans les Mises à Jour de Tutos, le staff se chargera de mettre le tutoriel à jour si votre proposition paraît pertinente ;)
Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité
Vous ne pouvez pas poster de nouveaux sujets Vous ne pouvez pas répondre aux sujets Vous ne pouvez pas éditer vos messages Vous ne pouvez pas supprimer vos messages Vous ne pouvez pas joindre des fichiers
