The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Display the avatar of a member on the toolbar

The forum of the forums :: About Forumotion ::   :: Tips & Tricks

Go down

Tutorial Display the avatar of a member on the toolbar

Post 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.
Display the avatar of a member on the toolbar Captur15


Display the avatar of a member on the toolbar 09615175912 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>')})});



This tutorial was written by Tecko of the Romanian Support, it has been optimized and translated to English by Ange Tuteur.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

The forum of the forums :: About Forumotion ::   :: Tips & Tricks

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