Compteur de visites gratuit
CAForum infos
Afficher l'avatar au qeel Imgser10
Derniers sujets
» » Centrer l'avatar, le pseudo & le rang dans les messages
Afficher l'avatar au qeel Clock-10Hier à 18:51 par Passiflore

» » Mettre une image en fond de page (body)
Afficher l'avatar au qeel Clock-10Lun 19 Aoû 2019 - 16:14 par new september

» » Qeel en bas de page
Afficher l'avatar au qeel Clock-10Lun 19 Aoû 2019 - 16:11 par new september

» » L'image du jour
Afficher l'avatar au qeel Clock-10Dim 18 Aoû 2019 - 20:42 par chrisnvidia

» » Liens haut & bas de page façon AwesomeBB
Afficher l'avatar au qeel Clock-10Ven 16 Aoû 2019 - 18:21 par Passiflore

» » Insérer des boutons "Haut" & "Bas" de forum
Afficher l'avatar au qeel Clock-10Lun 12 Aoû 2019 - 21:38 par ERROR 404

» » Bouton MP "Répondre" adapté à la version ModernBB
Afficher l'avatar au qeel Clock-10Lun 12 Aoû 2019 - 16:23 par NamiSushi

» » Modifier l'apparence du qeel
Afficher l'avatar au qeel Clock-10Lun 12 Aoû 2019 - 16:02 par NamiSushi

» » Happy day Chrisnvidia
Afficher l'avatar au qeel Clock-10Ven 9 Aoû 2019 - 23:00 par chrisnvidia

» » [ModernBB] Affichage de la liste des membres
Afficher l'avatar au qeel Clock-10Sam 3 Aoû 2019 - 6:50 par Splash

» » Bloc de connexion
Afficher l'avatar au qeel Clock-10Ven 2 Aoû 2019 - 17:12 par chrisnvidia

» » Le coucou du jour
Afficher l'avatar au qeel Clock-10Ven 2 Aoû 2019 - 17:09 par chrisnvidia

» » Prévisualisation d'un MP juste au-dessus du corps de message
Afficher l'avatar au qeel Clock-10Ven 2 Aoû 2019 - 11:29 par Dynaste

» » Modifier l'affichage "Sujets" et "Messages" sur l'index
Afficher l'avatar au qeel Clock-10Jeu 1 Aoû 2019 - 23:58 par LilaCH

» » Rendre l'image du header cliquable
Afficher l'avatar au qeel Clock-10Jeu 1 Aoû 2019 - 23:57 par LilaCH

» » Les dernières informations de Forumactif
Afficher l'avatar au qeel Clock-10Mer 31 Juil 2019 - 15:52 par Splash

» » Les notifications Web Push
Afficher l'avatar au qeel Clock-10Mar 30 Juil 2019 - 19:02 par Splash

» » Titre dans les notifications de suivi
Afficher l'avatar au qeel Clock-10Dim 28 Juil 2019 - 17:45 par Passiflore

» » Supprimez les/des boutons de la Chatbox
Afficher l'avatar au qeel Clock-10Ven 19 Juil 2019 - 13:33 par Passiflore

» » [phpBB3] Nouvelle police d'écriture
Afficher l'avatar au qeel Clock-10Jeu 18 Juil 2019 - 9:43 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