Avatar in bara de notificari

Detalii despre întrebări

URL-ul forumului: https://www-bestgaming.forumgratuit.ro/
Versiunea forumului: ModernBB

Descriere

Salutare all, am 2 probleme ! 

1. Cum fac sa apara avatarele in bara de notificari?
   
2. Si cum pot sa modific un text din bara de notificari la text din (x ți-a plăcut mesajul din subiectul x ) 
   

ar fi mult mai ok sa apara ( Membrului ''x'' a apreciat sau apreciaza subiectul x ) .


In actual, forumul meu arata asa la notificari ( https://imgur.com/a/SgbwRrX ) 
Ma poate ajuta cineva cu niste coduri prin template-uri sau prin gestiunea codurilor HTML ?

Salut @MickyWee,

Despre avatar creați o nouă pagină JavaScript cu investiții pe toate paginile și utilizați următorul cod:

Cod:

$(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();
    });
});

în foaia de stil (CSS) adăugați:

Cod:

#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:#3B5998 !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;
}

Rezultat final


Doar o întrebare pe subiect este valabilă, creați un alt subiect referitor la modificarea textelor, vă rog!

Buna ziua, ma scuzati pentru intarziere, acum am vazut mesajul. 

S-a rezolvat, arata mult mai bine, multumesc frumos ! <3