images as borders for categories?

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Mozilla Firefox, Google Chrome, Safari
Who the problem concerns : All members
Forum link : http://outcastwarriors.forum-motion.com/forum

Description of problem

Hello!

I am modifying the appearance of my forum and I was wondering if it is at all possible to have images as borders for my categories AND have them all have their own individual images.
For example, the category border for "The Night Sky" would be purpley with stars, "The Clans" would probably be some nature thing, and so on.

Help would be greatly appreciated! We really want to get the website up and going again, and completing the appearance is one step in a list.

Thank you very much!

Hi @longstormicus,

You want to add a background to the blue part of your categories, correct ? You already have the classes setup for your categories, so all you need to do is add a background image like this :

Code:

.forabg.the-clans {
  background:url('BG_IMAGE') repeat 0 0 #0076B1;
}

Just replace BG_IMAGE with your background image.

If any problems let me know.

S/He wants every category with different picture.I tried to do something for this request, but without success.

Ange Tuteur wrote:Hi @longstormicus,

You want to add a background to the blue part of your categories, correct ? You already have the classes setup for your categories, so all you need to do is add a background image like this :

Code:

.forabg.the-clans {
  background:url('BG_IMAGE') repeat 0 0 #0076B1;
}

Just replace BG_IMAGE with your background image.

If any problems let me know.

It's BEAUTIFUL! It's just as I wanted.
I have one question: I see you have the hex color for my base category background in the code. If that changes, will I need to alter the code?

EDIT: It doesn't appear to be working for Outer Territories, the category at the bottom. It's one of two that isn't arranged side-by-side like the other categories. Is that why it isn't taking affect?

If you want you can remove the hex color code from the value. It's just a fallback you can place in case the image doesn't load.

Oh, that's because that one doesn't have a class name for it. Remember this script ? Just edit that to include the "outer territories" category.

Oooooooh right, I should have remembered. Now that I've done that, NOW it works right.
Thank you SO much! I'll mark the topic "Solved."