Contour autour des photos de profils

2 participants

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

Résolu Contour autour des photos de profils

Message par SanSan Mar 7 Avr 2020 - 13:46

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous !

J'aimerais savoir comment mettre un contour noir d'un pixel de largeur autour des photos de profil de mes utilisateurs dans les messages ? Un cadre en quelques sorte.

Merci beaucoup !
SanSan

SanSan
Nouveau membre

Messages : 16
Inscrit(e) le : 03/04/2020

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

Résolu Re: Contour autour des photos de profils

Message par *Splash* Mar 7 Avr 2020 - 14:10

Hi,
Tu peux essayer ce code CSS :
Code:
a img {
    border: 3px solid #b8b8b8;
}

Contour autour des photos de profils Border10
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour autour des photos de profils

Message par SanSan Mar 7 Avr 2020 - 15:56

Bonjour !

merci de ta réponse !
ça marche parfaitement, mais hélas ça encadre l'ensemble des images du forum (logo, barre de navigation...)

Aurais tu une solution qui concerne uniquement l'image de profil par hasard s'il te plaît ?
SanSan

SanSan
Nouveau membre

Messages : 16
Inscrit(e) le : 03/04/2020

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

Résolu Re: Contour autour des photos de profils

Message par *Splash* Mar 7 Avr 2020 - 17:29

Boulette de ma part !

Tu vas éditer le template viewtopic_body et rechercher cette ligne :
Code:
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />

Tu supprimes et la remplace par celle-ci :
Code:
  {postrow.displayed.RANK_IMAGE}<div class="CAF-avatar">{postrow.displayed.POSTER_AVATAR}</div><br /><br />

Tu enregistres cette modification et tu publies le template

Ensuite tu remplaces le code CSS par celui-ci :
Code:
.CAF-avatar img {border: 3px solid #b8b8b8;}
*Splash*

*Splash*
Membre actif

Masculin
Messages : 3806
Inscrit(e) le : 25/02/2018

https://caforum.fr
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contour autour des photos de profils

Message par SanSan Mar 7 Avr 2020 - 17:41

Super !! Merci beaucoup à toi ! Very Happy
SanSan

SanSan
Nouveau membre

Messages : 16
Inscrit(e) le : 03/04/2020

https://svenn.forumactif.com/
SanSan 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