The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Legend picture next to the legend name + lighting colour

View previous topic View next topic Go down

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

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

Can someone help me how i can do this?




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

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. on 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



STEP 1: Make a small icon to add to the group like this

STEP 2: Click on the group on legend and check the adress in the browser tab. It will be this one http://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://illiweb.com/fa/admin/couronne.png") no-repeat scroll 0 0 transparent;
    padding-left: 19px;
    padding-top: 2px;
}

Style 1: Glow style



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 http://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.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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