How To Expand Custom Image Header

[rooban12]

Originally Posted by tazB.ca

Okay I'm really confused sorry...

When I add that code into my HEADER... I end up losing both the header and the navbar?...

I got the same problem

[thompson]

super tutorial.

[Valyx]

i got this working on my forum.
www.talk-games.net

[MTGDarkness]

Does anyone know how to get a matching sidebar on that?
http://forums.mtgdarkness.com/index.php?styleid=1
I tried that... The code I'm using right now is this:

<table border="0" width="100%" cellpadding="0" cellspacing="0" align="center" >
<tr style="background-image:url(http://forums.mtgdarkness.com/images/misc/headbg.png)">

<td align="left" valign="top"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[imgdir_misc]/head_left.png"  border="0" alt=""/></a></td>
<td align="right" valign="bottom"><img src="$stylevar[imgdir_misc]/head_right.png" alt="" /></td>
</tr><tr>
<td> <ul class="mtgdmenu">  <li class="mtgdmenu"><p class="mtext"><a href="http://www.mtgdarkness.com" class="menulink">Home</a></p></li>
   <li class="mtgdmenu"><p class="mtext"><a href="http://forums.mtgdarkness.com" class="menulink">Forums</a></p></li>
   <li class="mtgdmenu"><p class="mtext"><a href="http://www.mtgdarkness.com/?page_id=35" class="menulink">Articles</a></p></li>
   <li class="mtgdmenu"><p class="mtext"><a href="http://forums.mtgdarkness.com/chat/index.php" class="menulink" target="_blank">Chat</a></p></li> 
    <li class="mtgdmenu"><p class="mtext"><a href="http://www.mtgdarkness.com/?page_id=19" class="menulink">Associates</a></p></li></ul> </td>
</tr>
</table>

But I don't know how to get the stupid navbar to extend with the banner. It doesn't want to work...

[bijju]

thanks

[Vaupell]

Originally Posted by Charged

I just did this on my site, though I've used css rather than a table for those who would rather here is how I did it. Save images the same as explained above then in the header put

<div style="width:100%; background-image:url($stylevar[imgdir_misc]/headbg.gif); background-repeat:repeat-x;">
<div style="float:left;"><img src="$stylevar[imgdir_misc]/head_left.jpg"  border="0" alt=""/></div>
<div style="float:left; position:absolute; right:0px;"><img src="$stylevar[imgdir_misc]/head_right.jpg" alt="" /></div>
</div>

nice and all, just not working on my firefox fully updated.
it does not repeat spacer, only on ie and chrome does it repeat.
swithing to tables.

[PJSkiboy]

OMG, I spent the better part of last Sunday afternoon trying to do this on my own (which I finally figured out with some help from a buddy) with a lot of head scratching. Ugh.

If only I had checked here sooner, lol.

Hindsight is 20/20.

Great thread.

[RedHotChili]

Excellent! :up:

I was looking for this.

[supersy]

Thanks alot I will try this out

[Mike08]

Originally Posted by yaoren

One thing I'd like to do and I don't know if this is the place to post this, is add a few tab buttons on the banner for navigation. I've seen it done on other forums and well I have it on the banner but I'll be honest I need to some help in figuring out the coding and laying it out right. As is just now it's only two separate images since I was just trying to get the code on here to work for me.

The other thing is how can I get my banner to be attached to the forum so it all runs together smoothly instead of it separated.

Attachment 79563

Any help is really appreciated

I'm interesting too.