C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Vos partenaires dans le footer
Sam 10 Nov 2018, 09:39 par FredR

» Mettre votre © Copyright dans le footer de votre forum
Sam 10 Nov 2018, 09:25 par FredR

» Effet pour vos sous-forums
Sam 10 Nov 2018, 06:13 par FredR

» Pour faire des beaux titres de sous-forums
Sam 10 Nov 2018, 05:55 par FredR

» Bouton ''Sélectionner le contenu'', pour les codes
Sam 10 Nov 2018, 05:41 par FredR

» Modifier l'apparence du titre des topics
Sam 10 Nov 2018, 05:28 par FredR

» Début d'un sujet/Fond pour sujet important
Sam 10 Nov 2018, 02:45 par FredR

» Previsualiser le premier message d'un sujet
Ven 09 Nov 2018, 12:49 par FredR


Partagez | 
 

Justification automatique d'un message

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Voir le profil de l'utilisateur http://www.i-love-harvard.com/
avatar
Blanche-Neige
Blanche-Neige

Féminin Messages : 5576



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.


Le forum n'est désormais plus géré par le staff, laissé seulement ouvert pour que les ressources et l'entraide restent accessibles. Vous pouvez néanmoins m'envoyer un MP pour supprimer un message, signaler un plagiat ou autre, je m'en occuperai à ma prochaine connexion.
MessageSujet: Justification automatique d'un message   Ven 04 Fév 2011, 17:48
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.i-love-harvard.com/
avatar
Blanche-Neige
Blanche-Neige

Féminin Messages : 5576



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


Le forum n'est désormais plus géré par le staff, laissé seulement ouvert pour que les ressources et l'entraide restent accessibles. Vous pouvez néanmoins m'envoyer un MP pour supprimer un message, signaler un plagiat ou autre, je m'en occuperai à ma prochaine connexion.
MessageSujet: Re: Justification automatique d'un message   Mer 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

-
» Script connexion automatique ChatBox et message de rappel
» Erreur envoi du formulaire pour un remplissage automatique d'un message
» post-automatique-apres-un-message-poste-par-un-membre
» Justification automatique d'un message
» [Astuce n°1] Justification automatique (messages)

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 | Contact | Signaler un abus | Forum gratuit