Avatar dans les notifications
4 participants
Page 3 sur 3 • Partagez
Page 3 sur 3 • 1, 2, 3
Avatar dans les notifications
Rappel du premier message :
Bonjour,
J'ai un problème avec le code des avatars dans les notifications, sur les notifications popup
L'avatar ne devrait pas apparaître dans ce type de notification mais je ne sais pas comment faire pour exclure le code de celle-ci
Voici mon code :
JavaScript :
Mon code CSS :
Merci d'avance
Bonjour,
J'ai un problème avec le code des avatars dans les notifications, sur les notifications popup
L'avatar ne devrait pas apparaître dans ce type de notification mais je ne sais pas comment faire pour exclure le code de celle-ci
Voici mon code :
JavaScript :
- 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();
});
});
Mon 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;}
Merci d'avance
Dernière édition par Mat le Lun 6 Mai 2019 - 17:54, édité 1 fois
Re: Avatar dans les notifications
Ah, je n'avais pas vu ta réponse ^^*Splash* a écrit:venant probablement du forum de Milouze14
Non, il vient d'un des admins de ce forum mais je ne sais plus du quels
Je vais essayer de retrouver le topic où j'ai obtenu ce code
Re: Avatar dans les notifications
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Re: Avatar dans les notifications
Hi Mat,
Dans ton code CSS il y a ceci :
Tente de remplacer par ceci :
Dans ton code CSS il y a ceci :
- Code:
.notifFaceavatar img { height:45px !important; width:45px !important;}
Tente de remplacer par ceci :
- Code:
.notifFaceavatar img {display:none !important;}
Re: Avatar dans les notifications
Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu » |
Re: Avatar dans les notifications
Non, cela supprime tous les avatars*Splash* a écrit:Hi Mat,
Dans ton code CSS il y a ceci :
- Code:
.notifFaceavatar img { height:45px !important; width:45px !important;}
Tente de remplacer par ceci :
- Code:
.notifFaceavatar img {display:none !important;}
Ce n'est pas grave je pense que je vais le laisser partout ^^
Page 3 sur 3 • 1, 2, 3
Sujets similaires
» Avatar dans les notifications
» Mettre l'avatar en petit dans la Toolbar à gauche des notifications
» Soucis pour afficher l'avatar dans la barre de notifications
» Adapter un tuto du forum d'entraide portugais | Avatar dans les notifications
» Ajout des notifications dans la barre de navigation et vu du profil en cliquant sur l'avatar
» Mettre l'avatar en petit dans la Toolbar à gauche des notifications
» Soucis pour afficher l'avatar dans la barre de notifications
» Adapter un tuto du forum d'entraide portugais | Avatar dans les notifications
» Ajout des notifications dans la barre de navigation et vu du profil en cliquant sur l'avatar
Page 3 sur 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum