ModernBB : Mettre un cadre autour de l'avatar et des informations de compte

[*Splash*]

Bonjour,

Premièrement, j'ai mis une bordure autour de l'avatar, cette bordure se trouve également autour de l'image de rang.
Est-il possible que cette bordure ne soit qu'autour de l'avatar uniquement ?

Code utilisé :

Code:

.postprofile dt img {
    border: 4px solid #A9A9A9;
}

---

Ensuite j'aimerais bien mettre un cadre qui englobe l'avatar et les informations du compte, un cadre à la façon de ce forum.
Comment faire ?

Il existe quelques discussions ici mais elles concernent les forums en phpBB2 et phpBB3, je n'ai rien trouvé pour ModernBB

[◦Jay◦]

Bonjour, changez votre code par celui-ci :

Code:

.postprofile-avatar img {
    border: 4px solid #A9A9A9;
}

Bien à vous.

[*Splash*]

Merci Jay

As-tu une idée pour insérer un cadre ?

[◦Jay◦]

Je ne sais pas exactement ce que vous souhaitez faire, il me faudrait l'image que vous souhaitez insérer pour me rendre compte mais vous pouvez essayez en changeant le code que je vous ai donné avant par celui-ci :

Code:

.postprofile-avatar {
  background-image:url(URL de votre image.png);
padding:4px;
}
.postprofile-avatar img{border:none;}

[*Splash*]

Non ce code, pour l'instant, m'enlève la bordure autour de l'avatar. Je veux la garder ainsi.

Pour le cadre je voudrais partir de cette image :



Et ce qui serait top serait d'avoir de la couleur dans le rond en bas.
Vert : Membre En ligne
Rouge : Membre Hors ligne

[◦Jay◦]

Il faudrait vous expliquer au mieux ! Vous me demandez si je sais insérer un cadre et le titre de votre sujet est "Mettre un cadre autour de l'avatar " donc oui, je sais mettre un cadre autour de l'avatar !

D'après ce que je comprends, vous souhaitez mettre un cadre qui englobe le profil du posteur avec les informations, c'est bien cela ?

[*Splash*]

D'après ce que je comprends, vous souhaitez mettre un cadre qui englobe le profil du posteur avec les informations, c'est bien cela ?

C'est exactement ça

Ensuite j'aimerais bien mettre un cadre qui englobe l'avatar et les informations du compte, un cadre à la façon de ce forum.
Comment faire ?

[◦Jay◦]

Pour le bouton "en ligne", vous pouvez adapter ce tutoriel

Pour votre profil, est-ce que le test sur ce forum vous convient ?

[*Splash*]

Hi Jay,

Oui ça me paraît OK, il faudrait que je visualise sur mon forum pour m'en rendre bien compte.

OK pour le tuto sur le bouton "En ligne", par contre ce tuto concerne les forums en phpBB2 et le mien est en ModernBB

[◦Jay◦]

Il faudra découper/refaire votre image en trois parties une partie au dessus du profil, une partie en dessous et une partie centrale qui se répète.

Il faudra donc modifier votre template viewtopic_body, repérez cette partie :

Spoiler:

Et la remplacer par :

Spoiler:

Ensuite, vous pourrez ajouter votre/vos images par CSS, voici donc le CSS à ajouter et à modifier si vous le souhaitez :

CSS:

Je pense que les titres sont suffisamment explicites(top, center, bottom...), si besoin de précisions, demandez-moi.

[*Splash*]

C'est parfait Jay
Merci à toi