Category Title Things - into all different colours?

[Omio]

Okay, so, how do we change the catrgory header things into all different colours, like this?

To point out what I mean, see the attachment.

Attachments:

[RedBassett]

Those category bars are images. I didn't look into it right now, but I assume the images are placed using a plugin or something (since each category has a different image).

[Omio]

Mar 16, 2013 11:40:54 GMT -8 RedBassett said:

Those category bars are images. I didn't look into it right now, but I assume the images are placed using a plugin or something (since each category has a different image).

Either way, can there be a way to change the background colour of the title bars? With v4, I would've been willing to try Javascript-ing it, but with v5, I'm wondering if there's some stupid template thing I'm missing.

Also, the image-example one is a v4 code. I want to replicate a similar [read: more efficient] thing on v5.

[RedBassett]

There isn't a way to differentiate categories by default, but some creative CSS or CSS and JS could easily do this. Remember that JQuery is an option now by default, so JS is easy for selecting things like that. I know the one on the Err Bear skin here on support is a plugin, but I don't remember if that plugin was made public or not.

EDIT:
support.proboards.com/thread/431878/plugin-multicolored-categories-1-3

[Omio]

Just what the doctor ordered, thanks!

self.lock();

[Shrike]

If you're just looking for it just on the main page (where the categories are most obvious to people), it's a simple template change and then usual CSS afterwards. To emulate Brian's plugin, you'd also need to edit 2 places in the Board template and once in the Board Password Protection, Thread and Posting Page templates; just add the same code as below to the title-bar class divs. Unfortunately, the category id variable isn't available for the Posting Page (nor are any board/thread variables at all actually) so it falls short there. For people looking for something simple, quick, and easy to customise, this should do, otherwise: sure, go ahead and plugin all the things. And at this point I'm pretty much just posting this as a proof of concept now

Themes > Layout Templates > Home, somewhere around line 5, add the red part:

<div class="title-bar bbcode" id="category-$[category.id]-title"><h2><div class="title_wrapper">

Then in your CSS:

.container > #category-4-title {background-color: red;}
.container > #category-7-title {background-color: blue;}

Rinse and repeat.

[RedBassett]

I of course looked at the default HTML and didn't think of adding custom IDs or classes.

Plugin would still be the easiest to configure, and would work without dependencies on post templates.