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;}
![Splash](https://2img.net/u/4012/75/45/07/avatars/1-77.gif)
Hi,
Une astuce laissée par Mat sur le FDF afin d'afficher l'avatar des membres dans les notifications
![Afficher l'avatar dans les notifications Imp11](https://i.servimg.com/u/f28/19/98/40/78/imp11.png)
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
![Afficher l'avatar dans les notifications Avatar10](https://i.servimg.com/u/f87/19/99/37/49/avatar10.png)
À bientôt
![Bye](/users/4012/75/45/07/smiles/2915189421.gif)
Une astuce laissée par Mat sur le FDF afin d'afficher l'avatar des membres dans les notifications
![Afficher l'avatar dans les notifications Imp11](https://i.servimg.com/u/f28/19/98/40/78/imp11.png)
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 à
![Valider 2](/users/4012/75/45/07/smiles/3522799283.png)
Direction le CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code à la CSS :
Pensez à
![Valider 2](/users/4012/75/45/07/smiles/3522799283.png)
L'avatar sera affiché pour les notifications
![Afficher l'avatar dans les notifications Avatar10](https://i.servimg.com/u/f87/19/99/37/49/avatar10.png)
:u1: |
![Bye](/users/4012/75/45/07/smiles/2915189421.gif)
- chrisnvidia
Membre
![chrisnvidia](https://2img.net/u/4012/75/45/07/avatars/10-38.png)
Merci beaucoup !
![cheers](https://2img.net/i/fa/i/smiles/icon_cheers.png)
Sa fait plus joli
![lol!](https://2img.net/i/fa/i/smiles/lol.gif)
- David1195
StaffModo
- LilaCH
Membre
![LilaCH](https://2img.net/u/4012/75/45/07/avatars/4-26.png)
Merci beaucoup !
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
» » Bouton MP "Répondre" adapté à la version ModernBB
» » Réduire la hauteur des catégories
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
» » Afficher les avatars en forme rectangulaire
» » Modifier la partie des stats en début de qeel
» » Mettre une image au qeel
» » Rendre l'image du header cliquable
» » Elargir le cadre de la boite de smileys
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
» » Catégories rétractables sur l'index
» » [phpBB3] Catégories de différentes couleurs
» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
» » Centrer l'avatar, le pseudo & le rang dans les messages
» » Modifier l'icône "On-line"