Jump to content

Need a few tips on usergroup colors and icons


John Peay

Recommended Posts

Posted

Hello!

 

I recently purchased the IPS Community App. I am not trying to edit my user-groups a little bit, but struggling to find the answer to a few questions.

1. How can I add icons in front of a member's name that resides in a specific usergroup? Such as 597c36e1d6014_ScreenShot2017-07-29at2_06_35AM.png.720c3ab5238a15bb68f4b710c5fa49d5.png

2. How can I make it so that the usergroup's colored name shows up all across the forums rather than just on their profile and on the who's online list?

 

Thank you in advance for your help, and if this is in the wrong section feel free to move it!

-John

  • 2 weeks later...
Posted

Hi @John Peay

the best way is using a fontawesome icon into groups title

I use IPS 4.2.1

Step 1

go to Members > Groups > "Edit group"

there is an option called Group Formatting, change to html and put code

1.png.f07f7930aa9739a442069e064e7122ad.png

example for first input:

<span style='color:#ff0000'><i class="fa fa-bolt"></i> 

second input:

</span>

save it

results in ACP:

before

2.png.7ead7bb2e6574d5352c0515fdb29a608.png

after

4.png.1601cee2b466a2629593072ad26b21db.png

 

and on board

before

3.png.358aa601f14a3f7140f01d4ea99a021c.png

after

6.png.6900cb2f7f76cea218e5711d0bef21d7.png

 

 

Step 2

install this plugin:

and then on board looks that

before

8.png.706463926bbb92c6be3c473717c88dde.png10.thumb.png.cee892100a003a2b8b41ffe367a5b68f.png

 

after

 

9.png.bf554a2919cfd37a5d9753a3eea7189b.png11.thumb.png.e25c9636570ddd19a3664f222fd5e1e9.png

 

 

have fun :rofl:

Posted
On 8/8/2017 at 0:10 PM, Janiszewski said:

Hi @John Peay

the best way is using a fontawesome icon into groups title

I use IPS 4.2.1

Step 1

go to Members > Groups > "Edit group"

there is an option called Group Formatting, change to html and put code

1.png.f07f7930aa9739a442069e064e7122ad.png

example for first input:


<span style='color:#ff0000'><i class="fa fa-bolt"></i> 

second input:


</span>

save it

results in ACP:

before

2.png.7ead7bb2e6574d5352c0515fdb29a608.png

after

4.png.1601cee2b466a2629593072ad26b21db.png

 

and on board

before

3.png.358aa601f14a3f7140f01d4ea99a021c.png

after

6.png.6900cb2f7f76cea218e5711d0bef21d7.png

 

 

Step 2

install this plugin:

and then on board looks that

before

8.png.706463926bbb92c6be3c473717c88dde.png10.thumb.png.cee892100a003a2b8b41ffe367a5b68f.png

 

after

 

9.png.bf554a2919cfd37a5d9753a3eea7189b.png11.thumb.png.e25c9636570ddd19a3664f222fd5e1e9.png

 

 

have fun :rofl:

Nominating this tip for IPS Tip of the Day.  

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...