Compteur de visites gratuit
CAForum infos
Afficher l'avatar au qeel Imgser10
Derniers sujets
» » L'image du jour
Afficher l'avatar au qeel Clock-10Hier à 23:54 par Splash

» » [ModernBB] Zone texte réponse rapide
Afficher l'avatar au qeel Clock-10Hier à 21:01 par Splash

» » Barre de navigation
Afficher l'avatar au qeel Clock-10Mar 23 Avr 2019 - 21:12 par Splash

» » Images au header différentes sur l'index et le portail
Afficher l'avatar au qeel Clock-10Mar 23 Avr 2019 - 21:08 par Splash

» » Le coucou du jour
Afficher l'avatar au qeel Clock-10Mar 23 Avr 2019 - 19:39 par chrisnvidia

» » Modifier le bloc de réponse rapide
Afficher l'avatar au qeel Clock-10Mar 23 Avr 2019 - 18:16 par Splash

» » Modifier police, taille et couleur du titre des catégories
Afficher l'avatar au qeel Clock-10Mar 23 Avr 2019 - 17:43 par "Patou"

» » Qeel en bas de page
Afficher l'avatar au qeel Clock-10Mar 23 Avr 2019 - 17:40 par "Patou"

» » Avatar de profil arrondit dans les messages
Afficher l'avatar au qeel Clock-10Mar 23 Avr 2019 - 16:02 par Splash

» » Ajouter le bouton de sélection de contenu
Afficher l'avatar au qeel Clock-10Mar 23 Avr 2019 - 14:48 par chrisnvidia

» » Avatar de profil arrondit dans les messages
Afficher l'avatar au qeel Clock-10Mar 23 Avr 2019 - 0:01 par Splash

» » Avatar de profil arrondit dans les messages
Afficher l'avatar au qeel Clock-10Lun 22 Avr 2019 - 23:52 par Splash

» » [phpBB2] Problème avec le tuto pour changer les phrases dans le qeel.
Afficher l'avatar au qeel Clock-10Lun 22 Avr 2019 - 22:25 par Splash

» » [phpBB2] Dépersonnalisation du forum
Afficher l'avatar au qeel Clock-10Lun 22 Avr 2019 - 17:12 par Splash

» » Modifier l'apparence du qeel
Afficher l'avatar au qeel Clock-10Lun 22 Avr 2019 - 16:51 par Cali.

» » Installer la version Forumactif EDGE
Afficher l'avatar au qeel Clock-10Lun 22 Avr 2019 - 14:16 par "Patou"

» » Pour toutes demandes de création graphique
Afficher l'avatar au qeel Clock-10Dim 21 Avr 2019 - 20:35 par Splash

» » Demandes de thèmes
Afficher l'avatar au qeel Clock-10Dim 21 Avr 2019 - 17:37 par "Patou"

» » Ajouter un compteur de visites
Afficher l'avatar au qeel Clock-10Dim 21 Avr 2019 - 14:29 par Splash

» » Pensées de Pâques
Afficher l'avatar au qeel Clock-10Dim 21 Avr 2019 - 13:34 par David1195

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