Legend picture next to the legend name + lighting colour Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn 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.
2 posters

    Legend picture next to the legend name + lighting colour

    Infliction
    Infliction
    Forumember


    Posts : 129
    Reputation : 3
    Language : Dutch

    In progress Legend picture next to the legend name + lighting colour

    Post by Infliction August 19th 2011, 4:40 pm

    Can someone help me how i can do this?

    Legend picture next to the legend name + lighting colour 32633610
    Legend picture next to the legend name + lighting colour How10

    Version: phpBB2
    Forum website: http://indrascape.actieforum.com
    Nera.
    Nera.
    Energetic


    Female Posts : 7078
    Reputation : 2017
    Language : English
    Location : -

    In progress Re: Legend picture next to the legend name + lighting colour

    Post by Nera. August 19th 2011, 5:19 pm

    Hi,

    This is an example of it done on FM's grup.
    All you need to do is use your group address part. Exclamation

    Style 1: Image before a group

    Legend picture next to the legend name + lighting colour 8e0K

    STEP 1: Make a small icon to add to the group like this Legend picture next to the legend name + lighting colour Couronne

    STEP 2: Click on the group on legend and check the adress in the browser tab. It will be this one https://help.forumotion.com/g387-forumotion-administrators
    All you need from the adress is this /g387-forumotion-administrators.

    STEP3: Add this code to your CSS. Of course, you need to add your grup href ( /g387-forumotion-administrators) and your picture link in it.

    Code:
    a[href="/g387-forumotion-administrators"] {
        background: url("http://2img.net/i/fa/admin/couronne.png") no-repeat scroll 0 0 transparent;
        padding-left: 19px;
        padding-top: 2px;
    }

    Style 1: Glow style

    Legend picture next to the legend name + lighting colour 8edd

    STEP 1: If you don't know how to make a text-shadow visit http://www.css3maker.com/
    Choose the option text-shadow and make your shadow. You will be provided with a code to do this style with.
    Example: text-shadow:0px 2px 13px #f5a911;

    STEP 2: Click on the group on legend and check the adress in the browser tab. It will be this one https://help.forumotion.com/g387-forumotion-administrators
    All you need from the adress is this /g387-forumotion-administrators

    STEP 3: Add this code to your CSS. Of course, you need to add your grup href ( /g387-forumotion-administrators) and your text-shadow code in it.

    Code:
    a[href="/g387-forumotion-administrators"] {
        text-shadow: 0px 2px 6px #f5a911;
    }