Description: This allows you to make a moving image in the text, image in the text, and glow shadow for the groups on the Legend.

Forum Versions: Invision, PunBB, PhpBB 2, PhpBB 3

Set up:

Style 1: Glitter Style

Step 1: First make a glitter photo, this photo is used as an example.

Step 2: Click on the group on legend and check the address in the browser tab. It will be like this one (example http://help.forumotion.com/g387-forumotion-administrators)
All you need from the address is this /g387-forumotion-administrators

Step 3: Add this code to your CSS. Of course, you need to add your group href (example: /g387-forumotion-administrators) and your picture link in the code.

Code:

a[href="/g387-forumotion-administrators"] {
    background: url("http://i45.servimg.com/u/f45/15/95/60/34/glitte10.gif");
}

Style 2: 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 address in the browser tab. It will be like this one (example http://help.forumotion.com/g387-forumotion-administrators)
All you need from the address is this /g387-forumotion-administrators

Step 3: Add this code to your CSS. Of course, you need to add your group href (example: /g387-forumotion-administrators) and your picture link in the code.

Code:

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

Style 3: 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.
Like this:

Code:

text-shadow:0px 2px 13px #f5a911;

Step 2: Click on the group on legend and check the address in the browser tab. It will be like this one (example http://help.forumotion.com/g387-forumotion-administrators)
All you need from the address is this /g387-forumotion-administrators

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

Code:

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