Ultimate Usergroup HTML Markup Customizer
 

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 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

1. Download .zip and & unzip contents
2. Upload the contents in the "upload" folder to your forum root
3. Import the XML
4. Configure your icon/images path in the settings (http://YOURDOMAIN.COM/admincp/option...arkup_settings)
5. Configure usergroup markup settings to your liking (http://YOURDOMAIN/admincp/ugmarkup.php)
6. Enjoy!

Nice work, thanks.

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

Cool! Nice work :)

That looks fantastichttps://vborg.vbsupport.ru/external/2014/05/2.gifVery good work.

I like that add-on :up:

Excellent idea. :up:

*waves*

In case you don't see my other post first

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

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

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/showthrea...61#post2500861

Thanks :)

Great Hack ! Nice work