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.

Customize usernames according to group

View previous topic View next topic Go down

Customize usernames according to group

Post by Ange Tuteur on March 10th 2014, 10:39 am

Customize usernames according to group


The following trick will allow you to customize the usernames of the members of your Forumotion forum, according to the group which they belong.

Here is an example of what you can do :
- With a member of the group "Support Moderators" :
- With a member of the group "Administrators" :
- Overview of the "Who's Online" :


Modifying the stylesheet

Go to Administration Panel ► Display ► Colors ► CSS stylesheet. Copy and paste the following code :
Code:
a span[style="color:#000000"] strong {
    background:url(http://illiweb.com/fa/empty.gif) no-repeat;
    padding-left:**px;
}

Modifications :
In the code above, so that this trick works, you must modify :

- span[style="color:#000000"] : replace #000000 with the color code that corresponds to the group you wish to modify. You can find this code in Administration Panel ► Users and Groups ► Groups ► Groups administration.

- background : corresponds to the image that is inserted before the username. Here, you must modify the URL http://illiweb.com/fa/empty.gif with the URL of your image.

- padding-left : allows you to add a left margin to the username to show the image. Here, you must modify **px : these ** corresponds to the width of your image. If the image is 16 pixels width for example, it would be : 16px.

More customization...

Still using the selector given above and changing the color of the group :
Code:
a span[style="color:#000000"] strong

You can customize as you wish with the usernames of your members according to their group. For example : a border, give them a background, a particular font, a shadow…


Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

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