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

Tutorial: Display the avatar of a member on the toolbar

View previous topic View next topic Go down

avatar
xerocks
REVIEWERS
REVIEWERS
Join date : 2015-03-05
Posts : 39
Thanks gained - : 84
Gender : Male
View user profile

Postxerocks 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

avatar
TOP-CODER
Management team
Management team
Join date : 2012-11-07
Posts : 401
Thanks gained - : 2896
Gender : Male
Age : 29
Location Location : india
View user profile http://www.hackersw0rld.tk

PostTOP-CODER on Tue Dec 01, 2015 7:46 pm

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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