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

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

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

Message par Clemsi Jeu 11 Jan 2018 - 18:37

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.

Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision 1515691924-barre-pseudo

Je veux la même couleur et le même trait de 1 pixel gris que la barre du pseudo pour encadrer ça :
Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision 1515691922-avatar-profil-messages

J'espère que je suis assez clair. Embarassed


Dernière édition par Clemsi le Ven 12 Jan 2018 - 14:22, édité 1 fois
Clemsi

Clemsi
*****

Masculin
Messages : 576
Inscrit(e) le : 08/07/2016

https://www.forumactif.com/
Clemsi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision

Message par Invité Jeu 11 Jan 2018 - 18:48

Hello Clemsi,

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

Pour l'encadrer ce style fonctionne, à toi de le modifier ensuite Wink .
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++
Anonymous

Invité
Invité


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

Résolu Re: Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision

Message par Clemsi Jeu 11 Jan 2018 - 19:01

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.
Clemsi

Clemsi
*****

Masculin
Messages : 576
Inscrit(e) le : 08/07/2016

https://www.forumactif.com/
Clemsi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision

Message par Invité Jeu 11 Jan 2018 - 19:31

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 Wink .

a+++
Anonymous

Invité
Invité


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

Résolu Re: Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision

Message par Clemsi Jeu 11 Jan 2018 - 19:35

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

Clemsi
*****

Masculin
Messages : 576
Inscrit(e) le : 08/07/2016

https://www.forumactif.com/
Clemsi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision

Message par Clemsi Ven 12 Jan 2018 - 0:18

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 ?
Clemsi

Clemsi
*****

Masculin
Messages : 576
Inscrit(e) le : 08/07/2016

https://www.forumactif.com/
Clemsi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision

Message par Invité Ven 12 Jan 2018 - 5:15

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++
Anonymous

Invité
Invité


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

Résolu Re: Ajouter un cadre pour le profil avatar dans les messages des sujets avec Invision

Message par Clemsi Ven 12 Jan 2018 - 14:21

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

Merci beaucoup, Milouze !
Clemsi

Clemsi
*****

Masculin
Messages : 576
Inscrit(e) le : 08/07/2016

https://www.forumactif.com/
Clemsi a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum