Afficher l'avatar dans les notifications
Page 1 sur 1•Partagez
- Splash
StaffAdmin - 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();
});
});- 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;}
Hi,
Une astuce laissée par Mat sur le FDF afin d'afficher l'avatar des membres dans les notifications
Astuce non compatible pour la version AwesomeBB
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Mettre ce script Sur toutes les pages :
Pensez à
Direction le CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code à la CSS :
Pensez à
L'avatar sera affiché pour les notifications
À bientôt
Une astuce laissée par Mat sur le FDF afin d'afficher l'avatar des membres dans les notifications
Astuce non compatible pour la version AwesomeBB
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Mettre ce script Sur toutes les pages :
Pensez à
Direction le CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code à la CSS :
Pensez à
L'avatar sera affiché pour les notifications
:u1: |
- chrisnvidia
Membre
Merci beaucoup !
Sa fait plus joli
- David1195
StaffModo
Merci beaucoup !
- LilaCH
Membre
Merci beaucoup !
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
Mer 31 Jan 2024 - 13:03 par NIK SIURI
» » Réduire la hauteur des catégories
Mer 31 Jan 2024 - 12:59 par NIK SIURI
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 12:35 par NIK SIURI
» » Afficher les avatars en forme rectangulaire
Mer 31 Jan 2024 - 11:47 par NIK SIURI
» » Modifier la partie des stats en début de qeel
Mer 31 Jan 2024 - 11:45 par NIK SIURI
» » Mettre une image au qeel
Mer 31 Jan 2024 - 11:37 par NIK SIURI
» » Rendre l'image du header cliquable
Mer 31 Jan 2024 - 11:34 par NIK SIURI
» » Elargir le cadre de la boite de smileys
Mer 31 Jan 2024 - 11:33 par NIK SIURI
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Mer 31 Jan 2024 - 10:29 par NIK SIURI
» » Catégories rétractables sur l'index
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Catégories de différentes couleurs
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 10:07 par NIK SIURI
» » Centrer l'avatar, le pseudo & le rang dans les messages
Mer 31 Jan 2024 - 10:06 par NIK SIURI
» » Modifier l'icône "On-line"
Mar 23 Mai 2023 - 19:15 par Kionk
» » Insérer des boutons "Haut" & "Bas" de forum
Mar 23 Mai 2023 - 11:40 par Kionk