Adding separate icons for each group

Hello everyone here on forumotion!
I didn't know where to post this but I hope I posted it in the correct category

Anyway the thing I need help with is that I wanna add a different icon infront of each group and so everyone who is a member of that group will get the special icon next to their username.

Like the Christmas decoration did but that added the Christmas theme to all groups and all members, but it is great but after holiday is over I wanna be able to give my members separate icons depending on their group

So how can I do this?
If examples of the icons are needed I will provide them in a reply

Thankful for help

//Dan

Hi

[Your question about adding an image to a rank]: This article will help with adding rank images: https://help.forumotion.com/t57595-add-an-image-to-the-rank-name-customizing-ranks if that's what you mean anyway. It will turn out like this.

Try adding

Code:

<img src="url from tinypic.png" />

to your required group. (I don't know if it'll work because I haven't tried it myself.

(I've just tried adding that code to a group in my forum and unfortunately the text field is not big enough to fit all the code in, I'm unaware if there's a different way sorry).

I hope I was able to supply the correct answer for you.

For only posts:
.name strong a[href="/u#"]{
padding-left: 19px;
background: url(IMAGE LINK HERE) no-repeat left;}

For the ChatBox:
#chatbox_members a[href="/u#"]{
padding-left: 19px;
background: url(IMAGE LINK HERE) no-repeat left;}

For the Homepage:
.gensmall a[href="/u#"]{
padding-left: 19px;
background: url(IMAGE LINK HERE) no-repeat left;}

Add all three of those in CSS. For u# you need to replace the # with the number of the user. You can find this by going to their profile and seeing URL.

Example: http://www.help.forumotion.com/u1 The u1 would go where the u# is. You must do this for each user.

Rthera wrote:Hi

[Your question about adding an image to a rank]: This article will help with adding rank images: https://help.forumotion.com/t57595-add-an-image-to-the-rank-name-customizing-ranks if that's what you mean anyway. It will turn out like this.

Try adding

Code:

<img src="url from tinypic.png" />

to your required group. (I don't know if it'll work because I haven't tried it myself.

(I've just tried adding that code to a group in my forum and unfortunately the text field is not big enough to fit all the code in, I'm unaware if there's a different way sorry).

I hope I was able to supply the correct answer for you.

Thanks for the reply I will take a look might need that for the future

Clashmune wrote:This will show you how to make this: SC__Programmer

Put These Codes In Your CSS,

For only posts:
.name strong a[href="/u#"]{
padding-left: 19px;
background: url(IMAGE LINK HERE) no-repeat left;}

For the ChatBox:
#chatbox_members a[href="/u#"]{
padding-left: 19px;
background: url(IMAGE LINK HERE) no-repeat left;}

For the Homepage:
.gensmall a[href="/u#"]{
padding-left: 19px;
background: url(IMAGE LINK HERE) no-repeat left;}

Add all three of those. For u# you need to replace the # with the number of the user. You can find this by going to their profile and seeing URL.

Example: http://www.help.forumotion.com/u1 The u1 would go where the u# is. You must do this for each user.

I was hoping there would be a general code that would affect everyone in a certain group, seeing as with this method it would be needed to be done every time we get a new member, thanks for your suggestion tho

If I am not mistaken, the first comment was adding images to ranks? The codes I gave should add them to the usernames.

I am not sure how to add icons for groups, not sure it is possible.

Clashmune wrote:If I am not mistaken, the first comment was adding images to ranks? The codes I gave should add them to the usernames.

I am not sure how to add icons for groups, not sure it is possible.

I hope there is a way, since it is possible with the Christmas and holiday decorations
I will just wait and see if someone is able to help me
Thanks for your suggestion

What is the code for Christmas decorations?

Clashmune wrote:What is the code for Christmas decorations?

$(function() { $.getScript('http://opensource.olympe.in/deco/xmas-name.js') });

Can be found In this thread:
https://help.forumotion.com/t144709-christmas-and-new-year-decorations?highlight=decorate+your+forum+for+christmas

Well I think I can give you a code that is like the one you have but it will have everyone have the same icon like the one you are using. Everyone in a group automatically gets the icon if I am correct.

Clashmune wrote:Well I think I can give you a code that is like the one you have but it will have everyone have the same icon like the one you are using. Everyone in a group automatically gets the icon if I am correct.

It's worth trying, I do hope there will be someone else also coming with great suggestions like this
All help is welcome cause I really wanna be able to pic images for ea group :3

Well I spent 15 minutes trying to find this topic again, see if this helps:

https://help.forumotion.com/t131443-customize-usernames-according-to-group#881088

Will set up a test forum tomorrow to see if this is the right thing

Any results?