Compteur de visites gratuit
CAForum infos
Afficher l'avatar au qeel Imgser10
Derniers sujets
» » Avatar de profil arrondit dans les messages
Afficher l'avatar au qeel Clock-10Hier à 18:41 par Passiflore

» » Le coucou du jour
Afficher l'avatar au qeel Clock-10Hier à 13:21 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

» » Masquer la Google Map aux invités et la réserver aux membres en la publiant en iframe dans un forum dédié
Afficher l'avatar au qeel Clock-10Lun 20 Mai 2019 - 15:30 par Splash

» » Les dernières informations de Forumactif
Afficher l'avatar au qeel Clock-10Lun 20 Mai 2019 - 10:57 par Splash

» » [phpBB2] Que je clic sur n'importe quoi, cela m'amène toujours à la même page???
Afficher l'avatar au qeel Clock-10Ven 17 Mai 2019 - 16:06 par Splash

» » Interdire aux modérateurs la suppression de messages
Afficher l'avatar au qeel Clock-10Mar 14 Mai 2019 - 17:38 par Mathis

» » [JavaScript] Comment activer JavaScript dans votre navigateur
Afficher l'avatar au qeel Clock-10Lun 13 Mai 2019 - 15:37 par Splash

» » Mon ordinateur est long à télécharger...
Afficher l'avatar au qeel Clock-10Dim 12 Mai 2019 - 14:34 par Splash

» » Difficulté à s'inscrire sur mon forum
Afficher l'avatar au qeel Clock-10Dim 12 Mai 2019 - 14:31 par Splash

» » Problème accès CSS
Afficher l'avatar au qeel Clock-10Dim 12 Mai 2019 - 14:28 par Splash

» » Personnaliser la navbar en CSS
Afficher l'avatar au qeel Clock-10Jeu 9 Mai 2019 - 9:26 par David1195

» » Personnaliser la navbar en CSS
Afficher l'avatar au qeel Clock-10Jeu 9 Mai 2019 - 9:21 par David1195

» » Installer le traducteur Google
Afficher l'avatar au qeel Clock-10Jeu 9 Mai 2019 - 0:35 par HeroxAquariophile

» » [phpBB2] Le mot inscription n'apparaît pas sur la bande à l'accueil...
Afficher l'avatar au qeel Clock-10Mar 7 Mai 2019 - 20:29 par Splash

» » Les différents groupes d'un forum
Afficher l'avatar au qeel Clock-10Mar 7 Mai 2019 - 9:00 par Splash

» » Réduire la hauteur des catégories
Afficher l'avatar au qeel Clock-10Lun 29 Avr 2019 - 19:37 par caerran

» » Modifier l'apparence du qeel
Afficher l'avatar au qeel Clock-10Lun 29 Avr 2019 - 19:35 par caerran

» » [phpBB2] Problème avec le tuto pour changer les phrases dans le qeel.
Afficher l'avatar au qeel Clock-10Dim 28 Avr 2019 - 13:32 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