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.

Legend picture next to the legend name + lighting colour

2 posters

Go down

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
Infliction
Infliction
Forumember

Posts : 129
Reputation : 3
Language : Dutch

Back to top Go down

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;
}
Nera.
Nera.
Energetic

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

Back to top Go down

Back to top

- Similar topics

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