Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Avatar dans les notifications

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

Résolu Avatar dans les notifications

Message par Mat Lun 29 Oct 2018 - 21:25

Bonjour Clin d'oeil ,

Il y a +/- 2 mois, on m'avait donner un code (je pense que c'est Walt qui me l'a donné mais je ne retrouve plus le sujet en question) pour avoir les avatars des membres dans les notifications.
Voici le code en question:

Le code JS :
Code:
$(window).load(function() {
    $('#notif_list').show().css('opacity', '0');
 
    function loko() {
        $('#fa_toolbar > #fa_right > #notif_list li .contentText').each(function(notifFace) {
            var notifFaceurl = $(this).find('a[href*="/u"]').attr('href');
            $(this).prepend('<span class="notifFaceavatar" id="notifFaceavatar' + notifFace + '"></span>');
            $('#notifFaceavatar' + notifFace).html('<img src="'+ notifFaceurl +'.jpg" alt="" />');
        });
 
    };
    setTimeout(function() {
        loko();
        $('#notif_list').hide().css('opacity', '1');
    }, 1000);
    $('#fa_notifications').click(function() {
        $('#notif_list').css('opacity', '1').toggle();
    });
});

Et le code CSS :
Code:
#fa_toolbar #fa_right #notif_list:-webkit-scrollbar-track {
   -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3) !important;
   border-radius:10px !important;
   background-color:#F5F5F5 !important;
}
#fa_toolbar #fa_right #notif_list:-webkit-scrollbar {
   width:12px !important;
   background-color:#F5F5F5 !important;
}
#fa_toolbar #fa_right #notif_list:-webkit-scrollbar-thumb {
   border-radius:10px !important;
   -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3) !important;
   background-color:#555 !important;
}
#fa_toolbar #fa_right #notif_list {
   overflow:hidden;
   height:400px !important;
   overflow-x:hidden !important;
}
#fa_toolbar #fa_right #notif_list:hover {
   overflow:scroll !important;
   overflow-x:hidden !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
   background-color:#EEEFF4 !important;
}
#fa_toolbar #fa_right #notif_list li .contentText {
   color:#333 !important;
   height:50px !important;
}
.notifFaceavatar {
   float:left !important;
   margin:0 5px !important;
   padding:2px !important;
}
.notifFaceavatar img {
   height:45px !important;
   width:45px !important;
}
#fa_toolbar #fa_right #notif_list {
   border:1px solid #e0e0e0 !important;
   -webkit-border-radius:5px !important;
   -moz-border-radius:5px !important;
   border-radius:5px !important;
}
#fa_toolbar #fa_right #notif_list li.see_all {
   text-align:center !important;
   background-color:#f7f7f7 !important;
   -webkit-border-bottom-right-radius:5px !important;
   -webkit-border-bottom-left-radius:5px !important;
   -moz-border-radius-bottomright:5px !important;
   -moz-border-radius-bottomleft:5px !important;
   border-bottom-right-radius:5px !important;
   border-bottom-left-radius:5px !important;
}
#fa_toolbar #fa_right #notif_list a {
   color:#D12E2E !important;
}
#fa_toolbar #fa_right #notif_list li {
   border-top:1px solid #dddddd !important;
   border-left:0px !important;
   border-bottom:0px !important;
   border-right:0px !important;
}
#fa_toolbar #fa_right #notif_list li hr {
   border: 0px !important;
}

Le code fonctionne parfaitement, le seul problème, c'est qu'avant, quand le menu des notifications est ouvert et que l'on clique sur le menu de "Bienvenue Pseudo" juste à côté, le menu des notifications se ferme et le menu de "Bienvenue Pseudo" s'ouvre. Sauf que maintenant ce n'est plus le cas avec ce code Visage souriant.
Je voudrais savoir s'il y serait possible de changer cela Visage souriant?

Merci d'avance Clin d'oeil


Dernière édition par Mat le Jeu 1 Nov 2018 - 19:23, édité 1 fois
Mat

Mat
Membre habitué

Masculin
Messages : 1356
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar dans les notifications

Message par Mat Mer 31 Oct 2018 - 10:14

Et un up Visage souriant
Mat

Mat
Membre habitué

Masculin
Messages : 1356
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Avatar dans les notifications

Message par Ea Mer 31 Oct 2018 - 19:58

Bonjour,


Ce script devrait faire la même chose sans le problème.

Code:
$(function () {
  window._lang && Object.keys(_lang).forEach(function (key) {
    if (key.indexOf("Notif_") !== 0 || _lang[key].indexOf(' href="/u%(id)d"') === -1) return;
    _lang[key] = '<span class="notifFaceavatar"><img src="/u%(id)d.jpg"/></span>' + _lang[key];
  });
});
Cordialement.

ps: le sujet en question était celui-ci
Ea

Ea
Aidactif
Aidactif

Messages : 23580
Inscrit(e) le : 04/04/2008

Voir le profil de l'utilisateur
Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Avatar dans les notifications

Message par Mat Jeu 1 Nov 2018 - 19:22

Ah parfait merci Visage souriant !
Bonne soirée Clin d'oeil

PS : Ah je ne sais pas pourquoi je ne l'avais pas retrouvé, merci Sueur froide
Mat

Mat
Membre habitué

Masculin
Messages : 1356
Inscrit(e) le : 05/09/2015

Voir le profil de l'utilisateur http://www.dixily.fr
Mat a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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