Display the avatar of a member on the toolbar Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

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.
The forum of the forums

    Display the avatar of a member on the toolbar

    Ange Tuteur
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania
    • Post n°1

    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.
    • Back to top