Need help with header nagivation

[conheomap]

I am so new about Vbulletin and still trying to get a hang of it.

This is the original version of the board:
original

This is the version I would like to get:

Iwouldliketoget


I know barely anything about coding. Is there any mods for this or can someone help me out with the code?
Here are the codes in the "header". I didn't code this myself. Just copy from different places.

PHP Code:

<!-- logo -->
<a name="top"></a>
<center>
<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" style="background-image:url($stylevar[imgdir_misc]/head_back.gif)">
<tr>
</tr>
</table>
</center>

<!-- /logo -->
<table width="100%" style="background-image:url($stylevar[imgdir_misc]/link_05.jpg)" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" width="408"><img src="$stylevar[imgdir_misc]/link_01.jpg" border="0" alt="" /></td>
<td>&nbsp;</td>
</tr>
</table>

<!-- content table -->
$spacer_open

$_phpinclude_output 


Thank you so much.

[vbplusme]

Is the code you have posted the header for the "original"?

Here is the basic structure for a custom navbar that I use sometimes:

<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"><tr>

<td class="alt1" align="center" width="20%">

<a href="" target="_blank">Link For Sale</a>
</td>

<td class="alt1" align="center" width="20%">

<a href="" target="_blank">Link For Sale</a>
</td>

<td class="alt1" align="center" width="20%">

<a href="" target="_blank">Link For Sale</a>
</td>
</td>

<td class="alt1" align="center" width="20%">

<a href="" target="_blank">Link For Sale</a>
</td>

<td class="alt1" align="center" width="20%">

<a href="" target="_blank">Link For Sale</a>
</td>
</tr>
</table>

I don't know for sure what code you have posted so I can tell you where to insert this block. To customize it to your need you would change the class="alt1" to a new class that you would add to make your display. For example,

.mynavbar
{
add you attributes here
font color
font size etc...
}

Then you would add the class definition to your Main CSS page in the bottom box.

HTH

[conheomap]

yeah it's the original. I don't know what they do, but yeah.

[vbplusme]

Ok, you will have to play around with it a little bit to make it work but it will. Logically, that menu should be inserted in the code block that displays the header image. Can you make the two images that are called available? I can try to test it to tell you which one.

Here is an alternative way to generate the menu items using <div> tags:

<div align="center">
<span class="spacer"><a href="" target="_blank">Link For Sale</a></span>
<span class="spacer"><a href="" target="_blank">Link For Sale</a></span>
<span class="spacer"><a href="" target="_blank">Link For Sale</a></span>
</div>

I think you have a lot more control over where you place this block on the page than using tables.

[conheomap]

thank you after playing with it I got what I wanted