Member Group Customization

[MidnightAlways]

Guyz Can Anyone Help Me To Change Font Of My Member Groups And Also I Wanna Learn How to Have Member Group Names Glowing.Thanks In Advance.

Any Help Is Appreciated.

[Kingy]

Hi there,

 

When adding group customization, both the username and the group name will be the same colour unless you use a hook called "Custom name styles" which allows users to pick their own username colour from a colour pallet, and a choice to have bold, italics, strikeout and/or glow/shadow. 

 

To download this hook, click the link below. 

 

 

 

Anyway, for custom usergroup format customization, there is two settings that you will need to fill out. To add formatting for a group, go to Admin CP --> Members --> Manage User Groups --> select the group you wish to add formatting for.

 

The two settings that you will need to fill out is:

[*]Group Formatting Prefix - This is what is added before the group name [*]Group Formatting Suffix - This is what is added after the group name


Much like HTML coding, if you start a tag in the prefix, you end the tag by putting a / in the suffix. 

 

For example, if you wanted to change the colour of the usergroup you'd do the following:

 

In the prefix type:

<span style='color:red'>

And in the suffix type: 

</span>

With the colours, you would obviously change "Red" to the colour of your choice.

 

You can even use # colours like #5a5a5a for grey.

 

 

---------------------------------------------------------

 

 

Now for Bold:

 

In the prefix:

<strong>

In the suffix:

</strong>

---------------------------------------------------------

 

 

Making italic

In the prefix:

<em>

In the suffix:

</em>

---------------------------------------------------------

 

 

For strikeout you would do the following:

 

In the Prefix you would have:

<S>

And in the Suffix you would have: 

</S>

---------------------------------------------------------

 

 

You can even have multiple together for example:

 

If you would like the colour red and strikeout you would put:

 

 

In the Prefix:

<S><span style='color:red'>

And in the suffix you would put:

</span></S>

Remember, every time you type in a tag, to close the tag using a / otherwise it will NOT work. 

 

 

---------------------------------------------------------

 

 

I hope that clears it up for you - If you have any question then please ask.

 

Thanks,

 

Kingy

Edited October 27, 2013 by Kingy

[-Cookie-]

HSBC Bro Its Not Working And Do You Know How To Get Drop Shadow Or Glow??

it does work look this was a test on here:

this is normal font

and this is the other font in inspect element

[MidnightAlways]

How to change Font using Group Formatting 

[Kingy]

How to change Font using Group Formatting 

 

As far as i know, you cannot actually change the font using the group formatting, just the colour and any other effects like italics, bold, strike out, etc..

 

The font would be down to the skin you are using. 

[MidnightAlways]

Bro In IPB 3.3 I Did Changed The Font To Comic Sans Ms But Now I Dnt Remember How to Do It

[-Cookie-]

i'm sure the code your looking for is

<span style='font-family: Comic Sans;'>

[MidnightAlways]

HSBC Bro Its Not Working And Do You Know How To Get Drop Shadow Or Glow??

[Kingy]

 

i'm sure the code your looking for is

<span style='font-family: Comic Sans;'>

 

 

I've learnt something new today. 

 

I never actually knew you could change the font using the user group customization, I thought that was down to the skin.

 

Thanks HSBC. 

[Kingy]

HSBC Bro Its Not Working And Do You Know How To Get Drop Shadow Or Glow??

 

For glow try:

 

Prefix:

<span style='filter:glow(color=yellow strength=1); height: 1px;'>

Suffix: 

</span>

I'm sure you could play about with the height, strength and colour to suit you. 

 

Thanks

[-Cookie-]

 

I've learnt something new today. 

 

I never actually knew you could change the font using the user group customization, I thought that was down to the skin.

 

Thanks HSBC. 

np buddy, btw not all fonts work

[MidnightAlways]

np buddy, btw not all fonts work

Which Of Them Works??

[-Cookie-]

here this will help a bit more

http://www.w3.org/Style/Examples/007/text-shadow.en.html

[Kingy]

Which Of Them Works??

 

I'm guessing it will be the standard ones like:

 

Arial - Comic Sans - Curier New - Georgia - Lucida Sans Unicode - Tahoma - Times new roman - Trebuchet MS - Verdana

[-Cookie-]

Which Of Them Works??

i don't no to be honest i've tried a lot in my past times and quite a few didn't work, just try didn't font's out and see which work or not, its best of to use inspect element on google chrome save's a lot of hassle keeping refreshing your board all the time

[MidnightAlways]

Thanks Guyz It Was Helpful