CAForum infos
Derniers sujets
» » Widget "derniers sujets"
Hier à 20:54 par Mzelle Buzz

» » Aide à l'analyse design, fonctions générales du forum
Hier à 20:48 par Mzelle Buzz

» » Le coucou du jour
Hier à 20:28 par Mzelle Buzz

» » Modifier l'apparence du qeel
Dim 11 Nov 2018 - 23:22 par bingo

» » Changer le background des citations en mode édition
Dim 11 Nov 2018 - 12:53 par David1195

» » Déjà debout
Dim 11 Nov 2018 - 11:51 par chrisnvidia

» » Mettre en valeur un texte en l'encadrant
Dim 11 Nov 2018 - 11:17 par Passiflore

» » Rangs à 2 couleurs
Dim 11 Nov 2018 - 11:16 par Passiflore

» » Un texte qui clignote
Dim 11 Nov 2018 - 11:15 par Passiflore

» » Masquer "Connexion" & "S'enregistrer" sur la toolbar
Dim 11 Nov 2018 - 11:11 par Passiflore

» » Mettre un espace entre les catégories
Dim 11 Nov 2018 - 11:05 par Passiflore

» » [Avis Administrateur] Emails malveillants
Dim 11 Nov 2018 - 11:02 par Passiflore

» » Modifier la phrase Qui est en ligne ?
Dim 11 Nov 2018 - 7:23 par chrisnvidia

» » Modifier le bandeau de validation de cookies
Sam 10 Nov 2018 - 18:05 par chrisnvidia

» » Poster un sujet verouillé
Sam 10 Nov 2018 - 2:45 par LilaCH

» » Ajout du fil d'Ariane en bas de forum
Sam 10 Nov 2018 - 2:36 par LilaCH

» » Afficher/Masquer les informations de profil
Sam 10 Nov 2018 - 2:32 par LilaCH

» » Elargir le cadre de la boite de smileys
Ven 9 Nov 2018 - 22:51 par chrisnvidia

» » Ajouter un fil d'Ariane sur les catégories
Ven 9 Nov 2018 - 22:23 par chrisnvidia

» » Changer les phrases du qeel
Ven 9 Nov 2018 - 20:00 par Splash

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