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 :

En passant par les templates :

    Chercher dans viewtopic_body le code suivant :

    {postrow.displayed.MESSAGE}{postrow.displayed.SIGNATURE}{postrow.displayed.EDITED_MESSAGE}

    Sur mon forum test (forumactif avec un thème phpbb2) cette partie est plus exactement :
    Spoiler
    <span class="postbody"><!-- google_ad_section_start -->{postrow.displayed.MESSAGE}<!-- google_ad_section_end -->{postrow.displayed.SIGNATURE}</span><span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
    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> :
    exemple sur forumactif avec thème phpbb2 :
    <div align="justify">
    <span class="postbody"><!-- google_ad_section_start -->{postrow.displayed.MESSAGE}<!-- google_ad_section_end -->{postrow.displayed.SIGNATURE}</span><span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
    </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>
    exemple sur forumactif avec thème phpbb2 :
    <div align="justify" style="padding-right:10px;">
    <span class="postbody"><!-- google_ad_section_start -->{postrow.displayed.MESSAGE}<!-- google_ad_section_end -->{postrow.displayed.SIGNATURE}</span><span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
    </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é :
    .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 :
    .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.