Kaiji
Blanche-Neige
Messages : 5578
| Justification automatique d'un messageInformations générales- Description :
- Ce code consiste en la justification automatique du texte d'un message. Il est utile pour les forums de RP, parce-que la justification organise le texte, pratique quand celui-ci fait une vingtaine de lignes.
- Démo :
Texte à gauche, position classique et usuelle d'un texte dans un post. Texte à gauche, position classique et usuelle d'un texte dans un post. Texte à gauche, position classique et usuelle d'un texte dans un post. Texte justifié, nous allons voir ici comment rendre cet effet. Texte justifié, nous allons voir ici comment rendre cet effet. Texte justifié, nous allons voir ici comment rendre cet effet. Texte justifié, nous allons voir ici comment rendre cet effet.
- Testé sur :
- Firefox, Chrome, Safari, Opera, Internet Explorer
- Crédits :
- Proposé par A M I T R O C H A N le 15/10/2010 | sNipe_sCk
- Mise(s) à jour :
- Espeon le 21/05/2012
Le tutoriel Voici le code à placer dans la feuille de style CSS ( Panneau d'Administration => Affichage => Couleurs => Feuille de style CSS) : - Code:
-
.postbody { text-align:justify; } La propriété text-align permet de travailler sur l'alignement du texte. Par défaut, elle vaut left (à gauche). Ici on la fixe à justify afin de justifier le texte; mais nous aurions pu le centrer ( center) ou le placer à droite ( right) également. Jusqu'à maintenant, c'est bien. Mais ça donne un texte qui est collé des deux côtés à la marge. La solution? - Code:
-
padding-left: 00px; padding-right: 00px;
Remplacez les 0 par le nombre de pixels souhaité : ça vous donnera la taille de l'espace entre votre texte et la marge. Finalement, mettez votre personnalisation dans le code de base. Le résultat : - Code:
-
.postbody { padding-left: 00px; padding-right: 00px; text-align:justify; } Bien sûr, vous pouvez toujours mettre vos textes en alignement droit, gauche, etc ... Ce code ne fait que vous faire éviter de justifier votre texte chaque fois. | | |
|
Kaiji
Blanche-Neige
Messages : 5578
| FAQ Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici : http://www.css-actif.com/f17-aide-css-xhtml | | |
|