Fond de message - Couvrir l'espace des messages en entier
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Fond de message - Couvrir l'espace des messages en entier
Bonjour/bonsoir forum,
J'ai fait de mon mieux pour le titre même si ce n'est pas parfait
Le code CSS fontionne bien lorsque les messages sont longs.
Si les messages sont courts, le fond ne s'applique que sur la partie du texte.
Or, j'aimerais que le fond s'étire jusqu'à la ligne de séparation du message suivant,
en supprimant la border bottom, si possible.
Voici une capture d'écran pour mieux comprendre :
Le code CSS
J'ai fait de mon mieux pour le titre même si ce n'est pas parfait
Le code CSS fontionne bien lorsque les messages sont longs.
Si les messages sont courts, le fond ne s'applique que sur la partie du texte.
Or, j'aimerais que le fond s'étire jusqu'à la ligne de séparation du message suivant,
en supprimant la border bottom, si possible.
Voici une capture d'écran pour mieux comprendre :
Le code CSS
- Code:
*Début corps de message*/
div.postbody {
border: 2px dashed #b8a3b9;
background-color: #f4f0f4;
padding: 20px;
margin-left : 30px ;
margin-right : 30px ;
margin-top : 0px ;
margin-bottom : 10px ;
/**margin: 10px; **/
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
-o-border-radius-bottomleft: 0px;
-o-border-radius-bottomright: 0px;
-o-border-radius-topleft: 25px;
-o-border-radius-topright: 25px;
}
/*Fin corps de message*/
Dernière édition par lilas le Ven 21 Oct 2016 - 23:38, édité 1 fois
Re: Fond de message - Couvrir l'espace des messages en entier
Allez up, un petite pas de valse...
Re: Fond de message - Couvrir l'espace des messages en entier
Bonjour,
Vous pouvez appliquer une hauteur minimale au cadre pour correspondre à peu près à celle des profils.
Par exemple, vous pouvez remplacer votre code par celui-ci (simplifié au passage) :
Ici j'ai appliqué une hauteur minimale de 400px (min-height: 400px; ) afin que le corps de message soit d'une hauteur à peu près équivalente à celle des profils.
Vous pouvez appliquer une hauteur minimale au cadre pour correspondre à peu près à celle des profils.
Par exemple, vous pouvez remplacer votre code par celui-ci (simplifié au passage) :
- Code:
/*Début corps de message*/
div.postbody {
background-color: #f4f0f4;
border: 2px dashed #b8a3b9;
border-bottom: 0;
-moz-border-radius: 25px 25px 0 0;
-o-border-radius: 25px 25px 0 0;
-webkit-border-radius: 25px 25px 0 0;
border-radius: 25px 25px 0 0;
margin: 0 30px;
padding: 20px;
min-height: 400px;
}
/*fin corps de message*/
Ici j'ai appliqué une hauteur minimale de 400px (min-height: 400px; ) afin que le corps de message soit d'une hauteur à peu près équivalente à celle des profils.
MlleAlys- Membre actif
- Messages : 5800
Inscrit(e) le : 12/09/2012
Re: Fond de message - Couvrir l'espace des messages en entier
Un tout grand MERCI MlleAlys, tu fais ma journée !
J'ai changé 400px par 550px ce qui convient parfaitement.
J'ai trouvé le code sur un forum qui n'est plus actif et j'avais remarqué la répétition des borders plutôt
que placé les 4 pôles sur une même ligne...
Par paresse, j'avais remis à plus tard la correction que j'avais trouvé sur un autre forum
J'ai changé 400px par 550px ce qui convient parfaitement.
J'ai trouvé le code sur un forum qui n'est plus actif et j'avais remarqué la répétition des borders plutôt
que placé les 4 pôles sur une même ligne...
Par paresse, j'avais remis à plus tard la correction que j'avais trouvé sur un autre forum
Sujets similaires
» Mettre une image de fond aux "x messages x sujets" et "dernier message"
» L'affichage du profil du membre (dans un message) ne peut pas se lire en entier
» Mettre un fond dans l'affichage des messages... mais JUSTE dans le message !
» Champ texte/liste afficher dans un message Fond blanc >> Fond d'une certaine couleur
» Cadre et fond pour les messages et les profils dans les messages
» L'affichage du profil du membre (dans un message) ne peut pas se lire en entier
» Mettre un fond dans l'affichage des messages... mais JUSTE dans le message !
» Champ texte/liste afficher dans un message Fond blanc >> Fond d'une certaine couleur
» Cadre et fond pour les messages et les profils dans les messages
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum