Les forums Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Compteur de visites gratuit
Annonces
CAForum est aussi un forum d'aide pour phpBB. Voici le lien du forum : https://forums.caforum.fr
Vous voulez créer un forum sans publicités tout en étant propriétaire de votre base de données ?
Contactez moi sur le forum !
CAForum infos
Derniers sujets
» » [ModernBB] Réduire la hauteur du titre "annonces & notes" + "sujets"
Afficher l'avatar au qeel Clock-10Dim 30 Oct 2022 - 23:46 par bilibi

» » Réduire la hauteur des catégories
Afficher l'avatar au qeel Clock-10Dim 30 Oct 2022 - 23:27 par bilibi

» » Modifier l'apparence du qeel
Afficher l'avatar au qeel Clock-10Dim 16 Oct 2022 - 15:15 par fred9545

» » Modifier la phrase Qui est en ligne ?
Afficher l'avatar au qeel Clock-10Dim 9 Oct 2022 - 11:49 par Kionk

» » Personnaliser la navbar en CSS
Afficher l'avatar au qeel Clock-10Dim 9 Oct 2022 - 11:45 par Kionk

» » Enlever la bordure bleu au post-header
Afficher l'avatar au qeel Clock-10Jeu 6 Oct 2022 - 10:27 par Kionk

» » Une barre de statistiques comme sur le FDF
Afficher l'avatar au qeel Clock-10Mer 5 Oct 2022 - 14:43 par Kionk

» » [Edge] Hover sur l'avatar pour afficher les infos de profil
Afficher l'avatar au qeel Clock-10Ven 11 Mar 2022 - 0:56 par Avalanche

» » Installer le traducteur Google
Afficher l'avatar au qeel Clock-10Dim 19 Déc 2021 - 18:41 par Invité

» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
Afficher l'avatar au qeel Clock-10Mar 30 Nov 2021 - 18:21 par Invité

» » Bouton MP "Répondre" adapté à la version ModernBB
Afficher l'avatar au qeel Clock-10Mar 30 Nov 2021 - 18:20 par Invité

» » Installer la version Forumactif EDGE
Afficher l'avatar au qeel Clock-10Lun 15 Nov 2021 - 14:07 par Freedom Sun

» » Ajouter l'hébergeur zupimages à l'éditeur
Afficher l'avatar au qeel Clock-10Lun 15 Nov 2021 - 10:29 par Freedom Sun

» » Modifier l'apparence du qeel
Afficher l'avatar au qeel Clock-10Lun 15 Nov 2021 - 8:21 par Freedom Sun

» » Liens haut & bas de page façon AwesomeBB
Afficher l'avatar au qeel Clock-10Sam 13 Nov 2021 - 17:03 par Invité

Décembre 2022
LunMarMerJeuVenSamDim
   1234
567891011
12131415161718
19202122232425
262728293031 

Calendrier Calendrier

Le deal à ne pas rater :
Logitech Souris Gamer G502 Hero + Tapis de souris G240
39.99 €
Voir le deal

Afficher l'avatar au qeel

Voir le sujet précédent Voir le sujet suivant Aller en bas

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash 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

Inscrivez-vous ou connectez-vous pour répondre

Vous devez être membre pour répondre.

Nous rejoindre

Inscrivez-vous pour participer au forum !


Nous rejoindre

Connexion

Vous êtes membre du forum, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum