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.

Adding separate icons for each group

View previous topic View next topic Go down

Adding separate icons for each group

Post by Perceptivity on December 27th 2015, 12:05 am

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

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 Smile

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

Thankful for help

//Dan

Perceptivity
New Member

Male Posts : 11
Reputation : 1
Language : Swedish

http://fascinationems.forumclan.com/

Back to top Go down

Re: Adding separate icons for each group

Post by Rthera on December 27th 2015, 12:11 am

Hi

[Your question about adding an image to a rank]: This article will help with adding rank images: http://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. Smile

Rthera
Forumember

Male Posts : 174
Reputation : 8
Language : English

Back to top Go down

Re: Adding separate icons for each group

Post by Genesis on December 27th 2015, 12:18 am

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.

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: Adding separate icons for each group

Post by Perceptivity on December 27th 2015, 12:23 am

@Rthera wrote:Hi

[Your question about adding an image to a rank]: This article will help with adding rank images: http://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. Smile

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

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 Smile

Perceptivity
New Member

Male Posts : 11
Reputation : 1
Language : Swedish

http://fascinationems.forumclan.com/

Back to top Go down

Re: Adding separate icons for each group

Post by Genesis on December 27th 2015, 12:27 am

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.

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: Adding separate icons for each group

Post by Perceptivity on December 27th 2015, 12:31 am

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 Smile
I will just wait and see if someone is able to help me Smile
Thanks for your suggestion Smile

Perceptivity
New Member

Male Posts : 11
Reputation : 1
Language : Swedish

http://fascinationems.forumclan.com/

Back to top Go down

Re: Adding separate icons for each group

Post by Genesis on December 27th 2015, 12:32 am

What is the code for Christmas decorations?

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: Adding separate icons for each group

Post by Perceptivity on December 27th 2015, 12:36 am

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:
http://help.forumotion.com/t144709-christmas-and-new-year-decorations?highlight=decorate+your+forum+for+christmas

Perceptivity
New Member

Male Posts : 11
Reputation : 1
Language : Swedish

http://fascinationems.forumclan.com/

Back to top Go down

Re: Adding separate icons for each group

Post by Genesis on December 27th 2015, 12:46 am

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.

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: Adding separate icons for each group

Post by Perceptivity on December 27th 2015, 12:49 am

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 Smile
All help is welcome cause I really wanna be able to pic images for ea group :3

Perceptivity
New Member

Male Posts : 11
Reputation : 1
Language : Swedish

http://fascinationems.forumclan.com/

Back to top Go down

Re: Adding separate icons for each group

Post by Genesis on December 27th 2015, 7:46 pm

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

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

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Re: Adding separate icons for each group

Post by Perceptivity on December 27th 2015, 11:17 pm

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

Perceptivity
New Member

Male Posts : 11
Reputation : 1
Language : Swedish

http://fascinationems.forumclan.com/

Back to top Go down

Re: Adding separate icons for each group

Post by Genesis on January 3rd 2016, 7:13 pm

Any results?

Genesis
Forum Reviewer
Forum Reviewer

Male Posts : 2331
Reputation : 322
Language : English
Location : Forumountain

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