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 Mon 9 Jun - 2:23

    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

      Current date/time is Wed 29 May - 8:27