1 Glitter, Icon, and Glow on Legend Wed Mar 28, 2012 12:16 am
Nick
Administrator
Glitter, Icon, and Glow on Legend
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.
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.
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:
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.
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;
}
Provided by Forumotion