Compteur de visites gratuit
CAForum infos
Derniers sujets
» » [phpBB3] disparition de la liste des banissements
Hier à 20:58 par francis 1

» » Le coucou du jour (partie 2)
Hier à 16:22 par chrisnvidia

» » Les 30 ans du Web
Lun 18 Fév 2019 - 21:45 par Splash

» » Supprimer le gras de certains pseudos
Lun 18 Fév 2019 - 20:37 par Splash

» » Ajouter le bouton de sélection de contenu
Lun 11 Fév 2019 - 12:42 par David1195

» » Personnaliser la navbar
Lun 11 Fév 2019 - 12:42 par David1195

» » Ajouter des polices supplémentaires à l'éditeur
Mar 5 Fév 2019 - 20:10 par chrisnvidia

» » Afficher/Masquer les catégories avec un effet
Mar 5 Fév 2019 - 20:07 par chrisnvidia

» » Maintenance Datacenter mardi 05 février 2019
Mar 5 Fév 2019 - 13:52 par David1195

» » Personnaliser la balise de soulignement
Dim 3 Fév 2019 - 10:20 par LilaCH

» » Un ptit délire
Dim 27 Jan 2019 - 21:35 par chrisnvidia

» » Masquer le bloc des modérateurs
Mar 22 Jan 2019 - 6:27 par Splash

» » Masquer le bloc "Modérateurs"
Lun 21 Jan 2019 - 21:35 par LilaCH

» » [Avis Administrateur] Intervention dans les templates
Lun 21 Jan 2019 - 13:34 par chrisnvidia

» » Barre alphabétique de recherche pour liste des membres
Lun 21 Jan 2019 - 10:22 par David1195

» » Icon Monstr
Lun 21 Jan 2019 - 10:14 par LilaCH

» » [Avis Administrateur] Comprendre le Qeel à l'intérieur du template
Lun 21 Jan 2019 - 10:13 par LilaCH

» » HTML Minifier
Dim 20 Jan 2019 - 12:19 par Splash

» » Centrer l'avatar, le pseudo & le rang dans les messages
Sam 19 Jan 2019 - 2:53 par chrisnvidia

» » Arrondir l'entête des catégorie
Mar 8 Jan 2019 - 12:56 par chrisnvidia

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 :

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