The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Display the avatar of a member on the toolbar

View previous topic View next topic Go down

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>')})});



Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


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