Compteur de visites gratuit
CAForum infos
Derniers sujets
» » 14h de panne pour Facebook, la plus longue de son histoire
Sam 16 Mar 2019 - 22:10 par HeroxAquariophile

» » Afficher / Masquer la réponse rapide
Mer 13 Mar 2019 - 20:43 par David1195

» » Formulaire pour diaporama
Dim 10 Mar 2019 - 18:33 par Splash

» » Modifier l'apparence du qeel
Dim 10 Mar 2019 - 16:57 par Synoka

» » Masquer les statistiques du bas de forum (Nb de messages, Nb de membres, dernier inscrit)
Dim 10 Mar 2019 - 15:11 par David1195

» » Feuille de style pleine
Dim 10 Mar 2019 - 15:10 par David1195

» » Le coucou du jour
Ven 8 Mar 2019 - 14:02 par chrisnvidia

» » Différencier le mode texte et le mode WYSIWYG à l'éditeur
Ven 8 Mar 2019 - 13:24 par chrisnvidia

» » Les dernières informations de Forumactif
Mar 5 Mar 2019 - 18:31 par Splash

» » Transfonter
Lun 4 Mar 2019 - 11:10 par valou712

» » Spam, Phishing, Arnaques : Signaler pour agir
Lun 4 Mar 2019 - 10:57 par David1195

» » La feuille de style CSS
Lun 4 Mar 2019 - 10:56 par David1195

» » Enlever la bordure bleu au post-header
Lun 4 Mar 2019 - 10:51 par David1195

» » Le javascript
Dim 3 Mar 2019 - 9:15 par LilaCH

» » Les 30 ans du Web
Dim 3 Mar 2019 - 9:08 par LilaCH

» » Remplacer Servimg par Imgur
Dim 3 Mar 2019 - 9:03 par LilaCH

» » Ajouter imgur à l'éditeur de la réponse rapide
Dim 3 Mar 2019 - 9:03 par LilaCH

» » Ajouter les boutons liste à la réponse rapide
Dim 3 Mar 2019 - 9:02 par LilaCH

» » Un texte qui clignote
Dim 3 Mar 2019 - 9:02 par LilaCH

» » Ajouter des polices supplémentaires à l'éditeur
Dim 3 Mar 2019 - 9:01 par LilaCH

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