Display the avatar of a member on the toolbar

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