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
» Effet de volet glissant sur un bloc
Ven 15 Fév 2019, 10:43 par Kanala

» Barre(s) Hitskinienne
Lun 11 Fév 2019, 23:00 par wildheart.

» Fond de message
Ven 08 Fév 2019, 19:55 par Scratpub

» [PA] Message d'Accueil Simple
Ven 08 Fév 2019, 16:34 par Scratpub

» [Plugin] Effet rollover sur une image
Dim 03 Fév 2019, 07:48 par .lysaivin

» Justifier le contenu de votre forum
Lun 28 Jan 2019, 14:21 par Cookie-Coyote

» Rapporter un bug
Lun 28 Jan 2019, 04:41 par 'Christa

» Système d'onglets simple et personnalisable
Lun 21 Jan 2019, 17:23 par AnieZ


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/
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5577



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/
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5577



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 après un message posté par un membre
» envoyer un message automatique aux nouveaux membres
» J'aimerai envoyer un message automatique à chaque nouvelle inscrit !

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