Compteur de visites gratuit
CAForum infos
Afficher l'avatar au qeel Imgser10
Derniers sujets
» » [Edge] Modifier la fenêtre connexion rapide
Afficher l'avatar au qeel Clock-10Jeu 20 Juin 2019 - 20:00 par Splash

» » Le coucou du jour
Afficher l'avatar au qeel Clock-10Jeu 20 Juin 2019 - 17:11 par chrisnvidia

» » Autres hébergeurs d'images
Afficher l'avatar au qeel Clock-10Jeu 20 Juin 2019 - 16:44 par David1195

» » Modifier l'affichage "Sujets" et "Messages" sur l'index
Afficher l'avatar au qeel Clock-10Jeu 20 Juin 2019 - 16:39 par David1195

» » Bloc de connexion
Afficher l'avatar au qeel Clock-10Jeu 20 Juin 2019 - 16:32 par chrisnvidia

» » Problèmes sur Forumactif depuis le 16 juin 2019
Afficher l'avatar au qeel Clock-10Mer 19 Juin 2019 - 11:29 par Splash

» » [Edge] Mise à jour FAE v1.2.12
Afficher l'avatar au qeel Clock-10Lun 17 Juin 2019 - 21:42 par Splash

» » Pas moyen d'aller dans le panneau d'administration....
Afficher l'avatar au qeel Clock-10Lun 17 Juin 2019 - 13:45 par Diane M

» » Les dernières informations de Forumactif
Afficher l'avatar au qeel Clock-10Dim 16 Juin 2019 - 12:25 par Splash

» » Comment écrire Premier et Deuxième ainsi que Degré en exposant
Afficher l'avatar au qeel Clock-10Jeu 6 Juin 2019 - 13:55 par David1195

» » Interdire aux modérateurs la suppression de messages
Afficher l'avatar au qeel Clock-10Mer 5 Juin 2019 - 10:17 par LilaCH

» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
Afficher l'avatar au qeel Clock-10Mer 5 Juin 2019 - 10:13 par LilaCH

» » Bouton MP "Répondre" adapté à la version ModernBB
Afficher l'avatar au qeel Clock-10Mer 5 Juin 2019 - 10:12 par LilaCH

» » Interdire la désinscription d'un groupe
Afficher l'avatar au qeel Clock-10Sam 1 Juin 2019 - 18:06 par chrisnvidia

» » Pas autorisé à poster pendant 7 jours?
Afficher l'avatar au qeel Clock-10Jeu 30 Mai 2019 - 10:20 par Splash

» » Outils de modération, modifier l'option "Sélectionner"
Afficher l'avatar au qeel Clock-10Lun 27 Mai 2019 - 13:27 par David1195

» » Joyeux anniv Splash
Afficher l'avatar au qeel Clock-10Ven 24 Mai 2019 - 13:00 par David1195

» » Avatar de profil arrondit dans les messages
Afficher l'avatar au qeel Clock-10Ven 24 Mai 2019 - 12:55 par David1195

» » Vider le cache navigateur
Afficher l'avatar au qeel Clock-10Mar 21 Mai 2019 - 13:39 par David1195

» » Différencier le mode texte et le mode WYSIWYG à l'éditeur
Afficher l'avatar au qeel Clock-10Lun 20 Mai 2019 - 17:08 par Splash

Afficher l'avatar au qeel

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

Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Mar 4 Sep 2018 - 20:24

  • MP
  • Zoom
Lien de discussion sur le FDF : https://forum.forumactif.com/t397636-avatars-des-utilisateurs-connectes-dans-le-qui-est-en-ligne




Recherchez ce passage dans le template index_body (ligne 43,44) :
Code:
<!-- BEGIN disable_viewonline -->
   <div class="block">

Remplacez par :
Code:
<!-- BEGIN disable_viewonline -->
   <div class="block" id="qeel">

Mettre ce code js sur toutes les pages :
Code:
$(function() {
    $('div#qeel a[href^="/u"]').each(function() {
      $(this).attr('title', $(this).text()).html( '<div class="qeel_avatar" style="background-image: url(\'' + $(this).attr('href') + '.jpg\');"></div>' );
    });
});

Mettre ce code à la CSS :
Code:
.qeel_avatar {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 130%;
    border-radius: 50%;
    box-shadow: 1px 1px 3px #777;
    vertical-align: middle;
    margin-right: 7px;
}

En pratique cela donne ce résultat :

Afficher l'avatar au qeel 123_ti11

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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