Texte décallé et en justifié

Voir le sujet précédent Voir le sujet suivant Aller en bas

En cours Texte décallé et en justifié

Message par neon le Mar 2 Jan 2018 - 12:43

Détails techniques

Version du forum : Invision
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd'hui
Lien du forum : http://protego.forumactif.com

Description du problème

Bonjour tout le monde,

J'aimerai que lorsque le message est posté, automatiquement il se décale du bord et se mette automatiquement en justifié.

Code:
   .postbody {
           padding: 0 1.1em;
           text-align: justify;
           }

C'est le code que j'avais sur PhpBB2 mais il ne fonctionne pas sur invision puisqu'il décale tout (avatar compris).

Merci de l'aide fournie Smile
avatar

neon
****

Masculin
Messages : 333
Inscrit(e) le : 09/12/2006

http://waikiki-beach.forumgratuit.be
neon a été remercié(e) par l'auteur de ce sujet.

En cours Re: Texte décallé et en justifié

Message par Eiffel01 le Mar 2 Jan 2018 - 14:56

Bonjour Very Happy
Si je puis me permettre, je me demande déjà comment fonctionnait ce code sur PHBB2, mais bon soit.
Dans votre template viewtopic_body, vous pourrez trouver cette ligne :
Code:
<div class="postbody clearfix">
            ...
               <dl class="postprofile-details postdetails">
                  <dt>
                     {postrow.displayed.POSTER_AVATAR}<br />
                     {postrow.displayed.POSTER_NAME}
                  </dt>
                  <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
                  <dd><br /></dd>
                  <dd>
                     <!-- BEGIN profile_field -->
                     {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                     <!-- END profile_field -->
                     {postrow.displayed.POSTER_RPG}
                  </dd>
               </dl>
            </div>
...



         <div class="post-entry">
            ...
            <div class="message">{postrow.displayed.MESSAGE}</div>
                        </div>

En somme, la classe postbody regroupe... tout !
Il faut donc trouver dans ce même template la ligne :
Code:
<div>{postrow.displayed.MESSAGE}</div>
Et la remplacer par :
Code:
<div class="posted_message">{postrow.displayed.MESSAGE}</div>
posted_message est la class qui va donner le style au message posté.

Puis, il suffira d'ajouter dans votre CSS :
Code:
.posted_message { padding: 0 1.1em; text-align: justify; }

Chez moi, ça fonctionne.
En vous souhaitant une bonne année,
Eiffel01
avatar

Eiffel01
***

Masculin
Messages : 198
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Texte décallé et en justifié

Message par Scoubifitz le Mer 3 Jan 2018 - 20:56

Bonjour,

Pour un forum invision , les messages ont pour class .post-entry . Pas besoin d'en rajouter ...

Hi
avatar

Scoubifitz
Membre actif

Masculin
Messages : 3553
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

En cours Re: Texte décallé et en justifié

Message par Eiffel01 le Mer 3 Jan 2018 - 21:47

Bonsoir,
Si je puis me permettre, la class post-entry comprend également la partie qui gère les sondages.
S'il veut modifier seulement l'alignement du message, il faut créer cette class...

Cordialement
avatar

Eiffel01
***

Masculin
Messages : 198
Inscrit(e) le : 10/03/2014

http://maths-laboisse.forumactif.org
Eiffel01 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Texte décallé et en justifié

Message par neon le Jeu 4 Jan 2018 - 16:09

Bonjour,

Merci pour cette réponse Eiffel.
Je ne dois pas tenir compte du message de Scoubifitz, j'imagine !

Bàv,
Néon
avatar

neon
****

Masculin
Messages : 333
Inscrit(e) le : 09/12/2006

http://waikiki-beach.forumgratuit.be
neon a été remercié(e) par l'auteur de ce sujet.

En cours Re: Texte décallé et en justifié

Message par Miettes le Jeu 11 Jan 2018 - 12:03

Coucou Smile

Logiquement, si tu écris ça :
Code:
.post-entry > div {
    padding: 0 1.1em;
    text-align: justify;
}

ça devrait fonctionner ^^

ps: concernant la réponse d'Eiffel, après avoir testé, le post-entry ne contient vraiment que le message, la signature et la note d'édition Embarassed
avatar

Miettes
****

Féminin
Messages : 496
Inscrit(e) le : 01/09/2008

http://www.school-of-progress.fr/
Miettes a été remercié(e) par l'auteur de ce sujet.

En cours Re: Texte décallé et en justifié

Message par Chacha le Sam 13 Jan 2018 - 9:50

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 9 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55578
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum