You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

Administrator

1Tutorial Glitter, Icon, and Glow on Legend on Wed Mar 28, 2012 12:16 am

Nick 

avatar
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.
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://illiweb.com/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

View user profile http://www.supportcraze.com

View previous topic View next topic Back to top  Message [Page 1 of 1]

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