Les forums Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Compteur de visites gratuit
Annonces
CAForum est aussi un forum d'aide pour phpBB. Voici le lien du forum : https://forums.caforum.fr
Vous voulez créer un forum sans publicités tout en étant propriétaire de votre base de données ?
Contactez moi sur le forum !
CAForum infos
Derniers sujets
» » Bouton MP "Répondre" adapté à la version ModernBB
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 13:03 par NIK SIURI

» » Réduire la hauteur des catégories
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 12:59 par NIK SIURI

» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 12:35 par NIK SIURI

» » Afficher les avatars en forme rectangulaire
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 11:47 par NIK SIURI

» » Modifier la partie des stats en début de qeel
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 11:45 par NIK SIURI

» » Mettre une image au qeel
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 11:37 par NIK SIURI

» » Rendre l'image du header cliquable
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 11:34 par NIK SIURI

» » Elargir le cadre de la boite de smileys
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 11:33 par NIK SIURI

» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 10:29 par NIK SIURI

» » Catégories rétractables sur l'index
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Catégories de différentes couleurs
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 10:07 par NIK SIURI

» » Centrer l'avatar, le pseudo & le rang dans les messages
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mer 31 Jan 2024 - 10:06 par NIK SIURI

» » Modifier l'icône "On-line"
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mar 23 Mai 2023 - 19:15 par Kionk

» » Insérer des boutons "Haut" & "Bas" de forum
profil généralités - Avatar de profil arrondit dans les messages Clock-10Mar 23 Mai 2023 - 11:40 par Kionk

Avril 2024
LunMarMerJeuVenSamDim
1234567
891011121314
15161718192021
22232425262728
2930     

Calendrier Calendrier

-28%
Le deal à ne pas rater :
Brandt LVE127J – Lave-vaisselle encastrable 12 couverts – L60cm
279.99 € 390.99 €
Voir le deal

Avatar de profil arrondit dans les messages

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

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash Lun 22 Avr 2019 - 23:52

  • MP
  • Zoom
Hi,
Voici une petite astuce qui vous permettra d'avoir un avatar arrondi dans les profils de messages

profil généralités - Avatar de profil arrondit dans les messages Avat10


Direction le template

Panneau d'administration / Affichage /Templates / Général / viewtopic_body


Éditez le template et trouvez cette variable :
Code:
{postrow.displayed.POSTER_AVATAR}

Supprimez-là et remplacez par celle-ci :
Code:
<div class="CAFavatrond">{postrow.displayed.POSTER_AVATAR}</div>

Pensez à  Enregistrer   la modification et à publier le template en cliquant sur  Valider



Direction le CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS


Mettre ce code à la CSS :
Code:

/* AVATAR ARRONDI */
.CAFavatrond img {
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  -ms-border-radius: 80px;
  -o-border-radius: 80px;
   border-radius: 80px;
}
/* FIN AVATAR ARRONDI */

Pensez à  Valider 2


Taille requise pour l'avatar : 150x150px



:u1:
À bientôt
Bye
Passiflore

Membre
Membre
Passiflore

MessagePassiflore Mer 22 Mai 2019 - 18:41

  • MP
  • Zoom
Le problème, c'est qu'il est plus petit...
David1195

StaffModo
StaffModo
David1195

MessageDavid1195 Ven 24 Mai 2019 - 12:55

  • MP
  • Zoom
Vous pouvez je pense modifier les tailles dans le script.
Contenu sponsorisé

MessageContenu sponsorisé

  • MP
  • Zoom

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

Inscrivez-vous ou connectez-vous pour répondre

Vous devez être membre pour répondre.

Nous rejoindre

Inscrivez-vous pour participer au forum !


Nous rejoindre

Connexion

Vous êtes membre du forum, cliquez ici pour vous connecter.


Connexion

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