Ultimate Usergroup HTML Markup Customizer

[vBNinja]

After having to deal with vB's way of adding HTML markup to usergroups, it's become a hassle when creating/modifying groups. Sometimes the HTML wouldn't fit in the field, so I would just add the CSS to additional.css one group at a time. I'm sure i'm not the only one annoyed by this. This is one of the first things new forum owners like to do and can be intimidating for those without HTML/CSS knowledge

So I decided to create a mod that combines all of the essential usergroup markup features in a single page:

Features List:
Username Coloring
Username Bolding
Username Rainbow Effect
Username Background Animation Effects
Icons/images Next to Usernames
Any other custom CSS you would like to use


Useful Tools:
Color Selector - allows you to select the color with your mouse, no more googling hex codes ;)
jQuery icon/image chooser - displays a selectable list of all the images in your specified icon directory for easy choosing


Once installed, you can find the page at: Admincp -> Usergroups -> Usergroup Markup Customizer

The page lists all of the usergroups and lists the settings next to each one (pretty straightforward, see screenshots)

If you plan on using the icons/images next to username feature, save all the images you want to use to a single directory, then set that directory in the mod's options so those images show up in the drop-down menu.

It works perfectly with Username Html MarkUp 4.2.x (https://vborg.vbsupport.ru/showthread.php?t=290368) to display the HTML markup across your entire forum.

Note: If you apply at least 1 setting to a usergroup, that usergroup will no longer use its "html markup" field in its usergroup settings (vbulletin's method)
The contents won't be deleted, they will just be ignored and the settings from this mod will be used instead (which are better :P, so just a heads up)


This mod adds 0 queries and is coded for optimization so performance is not affected

Please don't forget to "Mark as Installed" for support/updates
Also don't forget to rate
Nominate for MOTM if you'd like as well :)


Installation Instructions

Download .zip and & unzip contents
Upload the contents in the "upload" folder to your forum root
Import the XML
Configure your icon/images path in the settings (http://YOURDOMAIN.COM/admincp/options.php?do=options&dogroup=ugmarkup_settings)
Configure usergroup markup settings to your liking (http://YOURDOMAIN/admincp/ugmarkup.php)
Enjoy!

[K4GAP]

Nice work, thanks.

[megabink]

Wow...this can save a lot of time especially when you have many usergroups!
Great work buddy thanks!

[ku-med]

Cool! Nice work :)

[draver]

That looks fantastichttps://vborg.vbsupport.ru/external/2014/05/2.gif (http://www.abnehmen-aktuell.de)Very good work.

I like that add-on :up:

[Alan_SP]

Excellent idea. :up:

[xxdestinyxx]

*waves*

In case you don't see my other post first

@vBNinja

Thank you for that link. I checked it out and although I am still having the same issue - I decided I like the rainbow given by this system better. (I love how it changes color each refresh!). I noticed you are also the developer so I am going to go poke that thread with my latest attempt so we can see if they can be done together

OK so here I am.

I am trying to get the sparkle effect as well as the rainbow. I don't know if maybe they just cannot be done or if I am entering it incorrectly.

In the additional CSS I tried to add

background-image:url('motm.gif');

I know if you enable rainbow it says it overwrites everything, but even with rainbow off this wasn't working.

I can do the sparkle effect on its own without this application, but cannot seem to get both going at the same time.

Any advice? Thanks <3

[djvj]

vBNinja, wanted to make you aware of my issue I am having using your plugin along with the one you suggest as working great together (Username Html MarkUp 4.2.x ):

https://vborg.vbsupport.ru/showthread.php?p=2500861#post2500861

[Tobin Frost]

Thanks :)

[ExplosiV2k]

Great Hack ! Nice work

[ExplosiV2k]

But its not compatible with usergroup color bar :( maybe u can include an own?

[exyuteam]

Note: If you apply at least 1 setting to a usergroup, that usergroup will no longer use its "html markup" field in its usergroup settings (vbulletin's method)

Can you add this feaute - that your hack can use or read original username html markup/style?

Why? Because, if I have donators, I want to add some donator status, and want to perserve his status color and settings. Just to add sign before/after his username.

Can I do this - somehow?

[Elite_360_]

@vBNinja You can take Username Html MarkUp 4.2.x 2.0.6 (https://vborg.vbsupport.ru/showthread.php?t=290368) code and updated to you liking so it works with this mod all i ask if you don't add a branded link and mention me in the mod

[CoZmicShReddeR]

Wow it's amazing stuff like this that used to make me extremely excited about vBulletin! Great job!!

[hoangserip]

thanks, tag mod :)

[Elite_360_]

I finally got to play around with this mod and i can't get any errors with my Username Html MarkUp 4.2.x (https://vborg.vbsupport.ru/showthread.php?t=290368) mod like some have posted on my mods thread.

[KGodel]

Is there any chance of getting a true gradient rainbow effect with this mod or do we essentially have to wait until all browsers support it the way chrome does?

[Elixar]

Any icons you display on the right will be displayed on the left on profiles. Why?

[Ice The Man]

Anyone using this and having issues with it not allowing you to edit anymore ? I still use a compatible version of vbulletin.

[t3h3th32]

Hello,

I got 2 questions:

1. Any idea, how to customize forum users individually?

2. Does this mod support adding multiple icons? For instance, usergroup A has an icon A & usergroup B has an icon B, if an user is member of both, will he have both icons or only 1?

Regards,
~t3h'Pâr4d0x