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
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 13:03 par NIK SIURI

» » Réduire la hauteur des catégories
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 12:59 par NIK SIURI

» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 12:35 par NIK SIURI

» » Afficher les avatars en forme rectangulaire
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 11:47 par NIK SIURI

» » Modifier la partie des stats en début de qeel
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 11:45 par NIK SIURI

» » Mettre une image au qeel
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 11:37 par NIK SIURI

» » Rendre l'image du header cliquable
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 11:34 par NIK SIURI

» » Elargir le cadre de la boite de smileys
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 11:33 par NIK SIURI

» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 10:29 par NIK SIURI

» » Catégories rétractables sur l'index
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Catégories de différentes couleurs
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 10:07 par NIK SIURI

» » Centrer l'avatar, le pseudo & le rang dans les messages
[Edge] Afficher l'avatar sur la toolbar Clock-10Mer 31 Jan 2024 - 10:06 par NIK SIURI

» » Modifier l'icône "On-line"
[Edge] Afficher l'avatar sur la toolbar Clock-10Mar 23 Mai 2023 - 19:15 par Kionk

» » Insérer des boutons "Haut" & "Bas" de forum
[Edge] Afficher l'avatar sur la toolbar Clock-10Mar 23 Mai 2023 - 11:40 par Kionk

Mai 2024
LunMarMerJeuVenSamDim
  12345
6789101112
13141516171819
20212223242526
2728293031  

Calendrier Calendrier

Le deal à ne pas rater :
Cartes Pokémon : la prochaine extension Pokémon sera EV6.5 Fable ...
Voir le deal

[Edge] Afficher l'avatar sur la toolbar

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

chrisnvidia

Membre
Membre
chrisnvidia

Messagechrisnvidia Sam 14 Sep 2019 - 16:01

  • MP
  • Zoom
Hello

Cette astuce a pour but d'ajouter votre avatar sur la toolbar du forum de cette manière :

[Edge] Afficher l'avatar sur la toolbar Avatar11

1- Direction CSS

Panneau d'administration > Affichage > Images et Couleurs - Couleurs :: Feuille de style CSS

Code:
.fa_avatar img {
  width: 25px;
  height: 25px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}

Et n'oubliez pas de cliquer sur le bouton Valider 2


2- Créer un script JavaScript

Panneau d'administration > Modules > HTML & JAVASCRIPT - Gestion des codes Javascript
Code:

    $(function() {
        $(function() {
            $('#fa_welcome').prepend('<span class="fa_avatar">' + _userdata.avatar + '</span>')
        })
    });


Et n'oubliez pas de cliquer sur le bouton Valider 2
Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash Sam 14 Sep 2019 - 16:07

  • MP
  • Zoom
Merci beaucoup !


David1195

StaffModo
StaffModo
David1195

MessageDavid1195 Mar 17 Sep 2019 - 20:44

  • MP
  • Zoom
Merci beaucoup !
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