Menu Bar Code Request

[jackattack]

Hi,

I've come across a need to have a custom menu bar code request in a skin I am designing. Surprisingly, I have yet to of seen a code that would do what I am looking for (and believe me I have been looking all through the global iFcode databases).

Can someone make me a menu bar code that will put the banner and the menu buttons all on one bar at the top?

Here's an example of what I mean. (on a rather large scale)
mirrorimg.net/im1/mze.png

Basically, in text terms, I need to have a bar (with a variable on how tall the bar is) that will have the banner image of the forum on the left side of it, and will have menu button images on the right side of it. It would also be a perk if possible if I could have a rollover effect for the menu buttons.

Thanks in advanced,
Jack

[Deko]

I'll take this one.

Will you need the bar to be the width of the browser window or the width of the forum?

[jackattack]

Browser window if you would please.

Thanks!

[Deko]

Ahh, this is for invisionfree? If so, I could still try it but you might have better luck at a forum that specializes in invisionfree. Or maybe someone else here will know how to do it?

[jackattack]

I apologize Deko, but this is actually for Proboards. I have no interest in the Invision software family.

EDIT: I see where you got it from now. iFcode is actually a global code database for proboards.
index.storeict.com/proboards/

[edenwax]

Thought so!

[Deko]

^Get outta here Colin! xP

Global header. For the rollover effect, it depends on whether you'll be using a text or image menu. There are a few image rollover codes I could direct you to, or if you're doing it with text I could help you out with that. You should be able to adjust the height, background, etc. as you normally would using css (welcomebg).
<script type="text/javascript">
// Welcome table remodel by Ahmed
// Open source

// Removes welcome table border
document.getElementsByTagName('table')[0].cellSpacing = 0;

// Welcome table width
document.getElementsByTagName('table')[0].style.width = "100%";

document.getElementsByTagName('font').item(1).style.display="none";
document.getElementsByTagName('br')[0].style.display="none";
document.getElementsByTagName('td')[5].style.display="none";
document.getElementsByTagName('td')[1].align="left";
document.getElementsByTagName('td')[2].align="right";
var TD = document.getElementsByTagName('TD')
var menu = TD[5].innerHTML
TD[2].innerHTML = ""+menu+"";
</script>

EDIT: If you have any kind of PM alert code and you're getting instances of "undefined" variables, put the PM code above this one.

[jackattack]

Wow, sorry for the late reply. The code works wonderfully, except for is it possible to create an image the will go behind only the menu bar? I feel like I know how, but am too lazy to remember.

And I will be using an image menu, can you point me in the right direction?

[jackattack]

bump.