How I found the piece of code that I pasted in the forumbit_level2_post, I stumbled upon this thread. However I have no idea how to use it. I did the basics, replaced the coding as instructed then edited this bit of the code:
So it pointed(?) to my image for forum 1:
Okay, I just copy and pasted the code, so I have two sitting beside one another. Pointing to two different images, labeled 2 and 3 (Like the forum IDs):
And:
But that didn't work, now I have two images squeezed together in each forum.:(

Sorry if I'm missing something really basic here, I have absolutely no experience when it comes to things like coding. Everyone has to start somewhere I suppose. :o

You should have this in the code:
images/forumbackgrounds/{vb:raw forum.forumid}.gif

Not this:
images/forumbackgrounds/25.gif
or this:
images/forumbackgrounds/2.gif
or this:
images/forumbackgrounds/3.gif

The forumid needs to be a variable that changes for each forumid.

I can't thank you enough,

Now I understand. I had no idea that having "{vb:raw forum.forumid}" instead of the actual image name could work. Let alone make it read the image file names and decide which one to use based on the matching forum ID, tricky concept. :D

I've learned a lot, plus my forum's looking snazzier than ever.

Thanks again!

You've done a very nice job with the look of your forums on your site!

Thanks! I'm glad to see I'm heading in the right direction. :D

Though I do have another question. :o

I would like each of my forums to have a customized header image. I did some searching and most of the results I found were for previous versions of vBulletin, or the solutions were ineffective, e.g. creating multiple styles. All of which poses a problem for me (vB 4 user, and the lighter the better), this solution seemed to make the most sense. Even though it was posted back in '06.

It wasn't really clear (not enough for a green-sleeve anyway) exactly where I needed to put the code, what to replace etc.

I thought I'd give it a try anyhow, I navigated over to "Style Manager", and in the drop-down box of my installed template, and under template options clicked "Edit Template" and in the left hand box I scrolled down until I found "header", after selecting I clicked edit

Inside, I replaced:
With:
Then, in the images directory via FTP I created a new folder labeled "logo", and uploaded my header image with the forum ID "logo 2.jpg" I also tried "logo2.jpg, logo-2.jpg and 2.jpg" none of this worked, instead my header disappeared completely.

Any help on this would be greatly appreciated.

I don't think $foruminfo[forumid] is a valid variable in the header template - nor do you have the format correct. Try something like this:

Wunderbar! That works perfectly, now I can have relevant headers for my forum. The only problem is, all pages (except my forum categories) have no header.

I replaced:
With:

You can try just GLOBALS.forumid . Or, threads may need GLOBALS.threadinfo.forumid

No dice, still displays two headers. Though, I think I actually prefer it this way.

Found a way to incorporate it into the design. (Apologies for the late response)

How can I add a background image to my footer, similar to the footer used in The Admin Zone? [link].

You have the bottom part of your site using class "below_body" . So, just write some CSS to add a background to that class:
http://www.w3schools.com/css/css_background.asp