Display the avatar of a member on the toolbar

Go down

Tutorial Display the avatar of a member on the toolbar

Post by Ange Tuteur on June 9th 2014, 9:23 am

Display the avatar of a member on the toolbar


With this tutorial you will be able to add the avatar of a member before 'Welcome' on your Forumotion toolbar.


Implementation

First go to Administration Panel > Display > Colors > CSS Stylesheet and paste the code below.
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:
$(function(){$(function(){$('#fa_welcome').prepend('<span class="fa_avatar">'+_userdata.avatar+'</span>')})});


avatar
Ange Tuteur
Forumaster

Male Posts : 13212
Reputation : 2936
Language : EN, JA, FR
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


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