Avatar in bara de notificari

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Avatar in bara de notificari

Mesaj Scris de MickyWee la data de 26.06.20 23:21

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 ?


Ultima editare efectuata de catre MickyWee in 07.07.20 15:58, editata de 1 ori
MickyWee

MickyWee
Membru Forumgratuit

Mesaje : 10
Varsta : 19
Data înscrierii : 26/05/2020
Mulțumiri : 0
Pachetul Gratuit Google Chrome ModernBB

https://www.forumgratuit.ro/
MickyWee a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Avatar in bara de notificari

Mesaj Scris de pedxz la data de 27.06.20 11:43

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
Avatar in bara de notificari Np5oGtI


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

pedxz
Moderator
Moderator

Mesaje : 53
Data înscrierii : 17/12/2017
Mulțumiri : 5
Pachetul Gratuit Opera punBB

https://www.forumgratuit.ro/creare-forum/modernbb
pedxz a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Avatar in bara de notificari

Mesaj Scris de MickyWee la data de 07.07.20 15:58

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

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

MickyWee
Membru Forumgratuit

Mesaje : 10
Varsta : 19
Data înscrierii : 26/05/2020
Mulțumiri : 0
Pachetul Gratuit Google Chrome ModernBB

https://www.forumgratuit.ro/
MickyWee a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Avatar in bara de notificari

Mesaj Scris de pedxz la data de 07.07.20 16:14

Problemă rezolvată & subiect arhivat.
Vă rugăm să citiți regulile forumului nostru: Reguli generale Forumgratuit
pedxz

pedxz
Moderator
Moderator

Mesaje : 53
Data înscrierii : 17/12/2017
Mulțumiri : 5
Pachetul Gratuit Opera punBB

https://www.forumgratuit.ro/creare-forum/modernbb
pedxz a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum