Une barre verticale côté gauche pour mieux encadrer les messages

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

Résolu Une barre verticale côté gauche pour mieux encadrer les messages

Message par Shunny le Lun 25 Nov 2013 - 23:27

Bonsoir Smile ,

Je cherche à mettre en place une barre verticale côté gauche des messages pour mieux les encadrer, en effet sur le côté droit des messages il y a une barre verticale mais pas sur le côté gauche, ça créée une dissymétrie inesthétique voici une capture écran:

Spoiler:

Ca fait un grand espace vide côté gauche des messages... Quel code css dois-je entrer pour mieux encadrer côté gauche les messages avec cette barre verticale? Merci de votre aide!

Shunny
*

Messages : 37
Inscrit(e) le : 21/11/2013

http://portail-initiation.forumgratuit.org/
Shunny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une barre verticale côté gauche pour mieux encadrer les messages

Message par WhyNot le Mar 26 Nov 2013 - 13:22

Hello,

Ajoute ça à ton CSS :
Code:
.postprofile {
  border-right: 0 !important;
}

.post .postbody {
  border-left: 1px solid #BBD57C;
  padding-left: 25px;
}

WhyNot
****

Masculin
Messages : 232
Inscrit(e) le : 25/11/2013

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

Résolu Re: Une barre verticale côté gauche pour mieux encadrer les messages

Message par Shunny le Mar 26 Nov 2013 - 18:27

Je viens d'essayer le code, la barre s'affiche bien mais bizarrement ça a déporté tous les avatars en bas des messages au lieu d'apparaître en haut scratch :

Spoiler:

Je n'ai pas essayé de changer le positionnement des profils par rapport aux messages de la gauche des messages à la droite, mais je préfèrerais pouvoir les laisser côté gauche... je dois rajouter un code pour que les avatars apparaissent à nouveau en haut des messages?

Shunny
*

Messages : 37
Inscrit(e) le : 21/11/2013

http://portail-initiation.forumgratuit.org/
Shunny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Une barre verticale côté gauche pour mieux encadrer les messages

Message par WhyNot le Mar 26 Nov 2013 - 18:38

Essaye avec ça :
Code:
.postprofile {
  border-right: 0 !important;
}

.post .postbody {
    border-left: 1px solid #BBD57C;
    padding-left: 25px;
    width: 72%;
}

WhyNot
****

Masculin
Messages : 232
Inscrit(e) le : 25/11/2013

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

Résolu Re: Une barre verticale côté gauche pour mieux encadrer les messages

Message par Shunny le Mar 26 Nov 2013 - 20:56

Super ça marche!! thumleft Merci ! Very Happy

Shunny
*

Messages : 37
Inscrit(e) le : 21/11/2013

http://portail-initiation.forumgratuit.org/
Shunny 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