Tutorial: Display the avatar of a member on the toolbar
Nimbuzzmasters forum
nwlve HI   GUEST nwlve
WELCOME TO NIMBUZZ MASTERS FORUM
PLEASE   REGISTER

TO
Dzs HAVE FULL ACCESS TO THE FORUM AND BE ABLE TO DOWNLOAD STUFF Dzs
Grp
STAY WITH US THANK YOU
Forum management ©️
Mzs
Nimbuzzmasters forum

The forum of the nimbuzz forums


You are not connected. Please login or register

 
 

Tutorial: Display the avatar of a member on the toolbar

Message (Page 1 of 1)

avatar
 
REVIEWERS
REVIEWERS

Posted on Tue Dec 01, 2015 9:47 am

 
Display the avatar of a member on the toolbar
First go to Administration Panel > Display > Colors > CSS Stylesheet and paste the code below.
CODE:
Code:
.fa_avatar img {
  width:25px;
  height:25px;
  margin-right:5px;
  margin-bottom:-6px;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
          border-radius:3px;
}

(You can modify the style to your liking if you wish)


Then go to Administration Panel > Modules > JavaScript codes management > Create a new script
Title : Toolbar avatar
Placement : In all the pages
Paste the following code and submit.
CODE:
Code:
$(function(){$(function(){$('#fa_welcome').prepend('<span class="fa_avatar">'+_userdata.avatar+'</span>')})});

xerocks



View user profile


avatar
 
Management team
Management team

Posted on Tue Dec 01, 2015 7:46 pm

 



View user profile http://www.hackersw0rld.tk


Message (Page 1 of 1)

Permissions in this forum:
You cannot reply to topics in this forum


  • Total Posts:
  • Total Members:
  • Newest Member:
  • Most Online: Most users ever online was 540 on Tue Jan 19, 2016 9:39 pm

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests
Users browsing this forum: None