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

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

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

Message par Lili20 le Jeu 23 Avr 2015 - 20:52

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 Wink
Lien du forum : http://harasdelaprairie.forumactif.org/

Description du problème

Bonjour à tous ! Smile

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é Smile

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


et voici ce qui m'a inspiré:

source Smile

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'


Dernière édition par Lili20 le Ven 24 Avr 2015 - 14:53, édité 1 fois

Lili20
*

Féminin
Messages : 48
Inscrit(e) le : 22/08/2014

http://thesixthsense.forumactif.org/
Lili20 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide pour modifier l'affichage de messages :)

Message par MlleAlys le Ven 24 Avr 2015 - 0:29

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 ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Besoin d'aide pour modifier l'affichage de messages :)

Message par Lili20 le Ven 24 Avr 2015 - 14:46

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


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

Lili20
*

Féminin
Messages : 48
Inscrit(e) le : 22/08/2014

http://thesixthsense.forumactif.org/
Lili20 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