Compteur de visites gratuit
CAForum infos
Derniers sujets
» » Masquer le bloc des modérateurs
Aujourd'hui à 6:27 par Splash

» » Masquer le bloc "Modérateurs"
Hier à 21:35 par LilaCH

» » [Avis Administrateur] Intervention dans les templates
Hier à 13:34 par chrisnvidia

» » Barre alphabétique de recherche pour liste des membres
Hier à 10:22 par David1195

» » Icon Monstr
Hier à 10:14 par LilaCH

» » [Avis Administrateur] Comprendre le Qeel à l'intérieur du template
Hier à 10:13 par LilaCH

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

» » Le coucou du jour (partie 2)
Sam 19 Jan 2019 - 11:41 par David1195

» » 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

» » Le temps chez vous.
Mar 8 Jan 2019 - 12:49 par David1195

» » Mettre une image au qeel
Dim 6 Jan 2019 - 15:08 par Teebus

» » Mettre une image en fond de page (body)
Dim 6 Jan 2019 - 15:00 par Teebus

» » Qeel en bas de page
Dim 6 Jan 2019 - 14:50 par Teebus

» » Poser une question sur le forum
Ven 4 Jan 2019 - 22:33 par Splash

» » Le coucou du jour
Ven 4 Jan 2019 - 16:48 par David1195

» » Votre demande
Ven 4 Jan 2019 - 16:41 par David1195

» » Google - Règle de confidentialité et Conditions d'utilisation
Jeu 3 Jan 2019 - 11:31 par Splash

» » Coolors
Mer 2 Jan 2019 - 13:27 par David1195

» » Remove Background from Image
Mer 2 Jan 2019 - 13:26 par David1195

Afficher l'avatar au qeel

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

Splash

avatar

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