Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision

[Clemsi]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://seriestvmangasanimes.forumactif.com/

Description du problème

Bonsoir,

J'aimerais que le profil dans les messages soit encadré à partir de l'avatar jusqu'au informations en dessous de l'avatar.



Je veux la même couleur et le même trait de 1 pixel gris que la barre du pseudo pour encadrer ça :


J'espère que je suis assez clair.

[Invité]

Hello Clemsi,

tu es certain de ne pas revenir en arrière ?

Pour l'encadrer ce style fonctionne, à toi de le modifier ensuite .

Code:


.postprofile-details.postdetails
{
border: 1px solid #2d2d2d;
padding-top: 2px;
padding-bottom: 2px;
}


je t'ai ajouté les deux paddings afin que l'avatar ne colle pas en haut et que la dernière information
se soit pas collée en bas.

a++

[Clemsi]

Non, cette fois-ci, je ne pense pas revenir en arrière.^^

Je trouve que l'encadré est trop grand, j'aimerais qu'il soit de la même taille que la barre du pseudo en largeur.
182 pixels, ce serait parfait, je pense.

Et aussi, la couleur de fond du contenu de l'encadré, j'aimerais quelle soit pareille que celle des messages, ou comme la barre du pseudo.

[Invité]

Re,
pour la couleur de fond , il faudra modifier la couleur de la bordure car elle ne se verra pas.


Remplaces :

Code:

 
.postprofile-details.postdetails
{
border: 1px solid #2d2d2d;
padding-top: 2px;
padding-bottom: 2px;
}

par :

Code:

 
.postprofile-details.postdetails
{
background-color:#2d2d2d;
border: 1px solid #2d2d2d;
padding-top: 2px;
padding-bottom: 2px;
}

Ensuite la barre de profil s'adapte avec les caractères du pseudo donc, c'est presque impossible
de mettre cela en place .

a+++

[Clemsi]

Ah on ne peut pas agrandir l'encadré du profil ou la barre du pseudo ?

[Clemsi]

Regarde ce que j'ai réussi à faire en ajoutant un width, Milouze :

Code:

.postprofile-details.postdetails
{
background-color:#1f1f1f;
border: 1px solid #2d2d2d;
padding-top: 2px;
padding-bottom: 1px;
width: 184px;
}

Il y a un moyen pour faire en sorte que le cadre soit bien en dessous de la barre du pseudo, si tu vois ce que je veux dire ?

[Invité]

Hello Clemsi,

testes ceci et joues avec une valeur négative afin d'arriver à la bonne mesure:

Code:


.postprofile-details.postdetails{margin-top: -5px;}


a++

[Clemsi]

C'est bon, j'ai réussi à obtenir le résultat que je voulais !

Merci beaucoup, Milouze !