Besoin d'aide pour modifier l'affichage de messages :)

[Lili20]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début, c'est juste un souci d'amélioration au niveau esthétique
Lien du forum : http://harasdelaprairie.forumactif.org/

Description du problème

Bonjour à tous !

Alors voilà, sur mon forum, j'aime bien l'affiche des sujets, avec les messages.... je le trouve assez fluide, pas trop de soucis dessus. Mais je voudrais pousser l'amélioration de tout ça un peu plus, histoire de faire plus propre, plus "net", plus organisé :3

Cela ne donnerai pas l'impression que le texte "flotte" au milieu de nulle part, et donnerait un côté plus organisé

Alors, je fais un schéma de l'idée, car je ne l'expliquerais pas très bien avec des mots


et voici ce qui m'a inspiré:

source

Voilà voilà, en espérant que j'ai à peu près bien expliqué ce que j'avais dans la tête XD

Bonne continuation,
Lili'

[MlleAlys]

Bonjour,
le bloc contenant les messages est de la classe postbody, vous pouvez donc la mettre en forme via le css à partir de cela ^^

Code:

.postbody { ... la mise en forme ici ... }

Ce qui peut donner par exemple :

Code:

.postbody {
  background: #D9CBA9;
  margin: 10px;
  padding: 20px;
  border: 1px solid white;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

Avec :
background : la couleur de fond;
margin : la marge extérieure au cadre;
padding : la marge intérieur du cadre (entre le bord et le texte);
border : largeur, style et couleur de la bordure;
box-shadow : décalage horizontal, décalage vertical, étendue et couleur de l'ombre (ici noir avec une opacité de moitié);
border-radius : rayon de l'arrondi des coins;

Tout est personnalisable bien entendu, j'ai mis des valeurs et couleurs un peu au pif, vous pouvez modifier, retirer ou ajouter des propriétés pour mettre en forme les messages comme vous le souhaitez ^^

[Lili20]

Oh, c'est super bien expliqué, merci beaucoup pour ta réponse! *-*
Je vais tester ça tout de suite, merci mille - fois!


Edit: Fantastique, cela marche à la perfection; merci encore, et bonne continuation *-*