Justification automatique d'un message Bouton_activeJustification automatique d'un message Bouton_hoverJustification automatique d'un message Fb-hoverJustification automatique d'un message Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Structure de Qui Est En Ligne (1)
Justification automatique d'un message EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Justification automatique d'un message EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Justification automatique d'un message EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Justification automatique d'un message EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Justification automatique d'un message EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Justification automatique d'un message EmptyMar 07 Fév 2023, 08:40 par Oxtran

» Mettre votre © Copyright dans le footer de votre forum
Justification automatique d'un message EmptyMar 07 Fév 2023, 07:35 par Oxtran

» Barre(s) Hitskinienne
Justification automatique d'un message EmptyVen 03 Fév 2023, 17:22 par Krager

Le deal à ne pas rater :
Manga Chainsaw Man : où acheter le Tome 17 édition Collector de ...
19.99 €
Voir le deal

Partagez
 

Justification automatique d'un message

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Justification automatique d'un message Empty

Justification automatique d'un message


Informations 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.
MessageSujet: Justification automatique d'un message   Justification automatique d'un message EmptyVen 04 Fév 2011, 17:48
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Justification automatique d'un message Empty
FAQ


Q
//

R
//


Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml
MessageSujet: Re: Justification automatique d'un message   Justification automatique d'un message EmptyMer 03 Aoû 2011, 09:19
Revenir en haut Aller en bas
 

Justification automatique d'un message

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Justification automatique d'un message (messages)
» Redimention automatique d'un image dans un message
» [PHBB2]Supprimer les colonnes:Nombre de message,sujet. Dernier message.
» Modifier le message rapide pour lui donner l'aspect du message étendu
» Mettre sujet/message/dernier message avant description..

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Tutoriels de CSSActif :: ForumActif Pas à pas :: Les Messages-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit