View Full Version: [S] Header Coding Help!

RPG-Directory > Solved Support Topics > [S] Header Coding Help!



Title: [S] Header Coding Help!


pirate.bombshell - May 7, 2008 09:12 PM (GMT)
Ok so I want a revolving header but the code is different because the navigation bar is in the header code. Can anyone help me to make them both fit?

Here's the current header code:

CODE
<center><table border="0" class="navi">
<table border="0" class="navi">
<tr>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=Members">members</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=calendar">calendar</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=site">portal</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=Help">help</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=Search&f=">search</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php">index</a></li>
</ul></td>
<td><ul id="topnavigation">
<li>&nbsp;</li></ul></td>
</tr>
<tr><td colspan="7"><img src="http://i21.photobucket.com/albums/b300/paper3clip3/BYL/bylheadg.png">
</td>
</tr></table></center>



And the revolving header code:
CODE
<script language="JavaScript"><!--

images = new Array(#)

images[0] = "<img src=http://img.photobucket.com/xxx>";

images[1] = "<img src=http://img.photobucket.com/xxx>";

images[2] = "<img src=http://img.photobucket.com/xxx>";

images[3] = "<img src=http://img.photobucket.com/xxx>";

images[4] = "<img src=http://img.photobucket.com/xxx>";

images[5] = "<img src=http://img.photobucket.com/xxx>";

images[6] = "<img src=http://img.photobucket.com/xxx>";

images[7] = "<img src=http://img.photobucket.com/xxx>";

images[8] = "<img src=http://img.photobucket.com/xxx>";

index = Math.floor(Math.random() * images.length);

document.write(images[index]);
--></script>

Rokkan - May 7, 2008 09:27 PM (GMT)
OK, I'm guessing here 'cos i've not quit got the same set up as you, but I would try the following code where you curently have the custom submenus code...

CODE
<center><table border="0" class="navi">
<table border="0" class="navi">
<tr>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=Members">members</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=calendar">calendar</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=site">portal</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=Help">help</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=Search&f=">search</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php">index</a></li>
</ul></td>
<td><ul id="topnavigation">
<li>&nbsp;</li></ul></td>
</tr>
<tr><td colspan="7"><script language="JavaScript"><!--

images = new Array(#)

images[0] = "<img src=http://img.photobucket.com/xxx>";

images[1] = "<img src=http://img.photobucket.com/xxx>";

images[2] = "<img src=http://img.photobucket.com/xxx>";

images[3] = "<img src=http://img.photobucket.com/xxx>";

images[4] = "<img src=http://img.photobucket.com/xxx>";

images[5] = "<img src=http://img.photobucket.com/xxx>";

images[6] = "<img src=http://img.photobucket.com/xxx>";

images[7] = "<img src=http://img.photobucket.com/xxx>";

images[8] = "<img src=http://img.photobucket.com/xxx>";

index = Math.floor(Math.random() * images.length);

document.write(images[index]);
--></script>
</td>
</tr>


and move the

CODE
</table></center>


to the footers section...

pirate.bombshell - May 8, 2008 01:30 AM (GMT)
Eep!
No, that didn't work, made my board all weird.

Jess - May 8, 2008 09:54 AM (GMT)
Hey. I've tried it out on a testboard for you. Is this? how you would like it to look? If so, the code is below (I've included the board header and navigation tags).

If this isn't how you want it, feel free to try and explain it and I'll rearrange it and post the code up for you... if the code I've posted also messes up your board let me know and I'll try and help. If it doesn't work you might need to create your own test board and copy all your board headers across onto the test board to edit there, then when it's right you can copy it straight back across. :)

CODE
<% BOARD HEADER %>

<center><table border="0" class="navi">
<tr>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=Members">members</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=calendar">calendar</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=site">portal</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=Help">help</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php?act=Search&f=">search</a></li>
</ul></td>
<td><ul id="topnavigation">
<li><a href="http://z9.invisionfree.com/__becauseYOUlive/index.php">index</a></li>
</ul></td>
<td>&nbsp;</td>
</tr>
<tr><td colspan="7"><img src="http://i21.photobucket.com/albums/b300/paper3clip3/BYL/bylheadg.png">
</td>
</tr></table>

<br />

<script language="JavaScript"><!--

images = new Array(8)

images[0] = "<img src=http://i38.photobucket.com/albums/e144/leinque/Graphics/EM-banner7.png>";

images[1] = "<img src=http://img224.imageshack.us/img224/7355/dcln9.png>";

images[2] = "<img src=http://i38.photobucket.com/albums/e144/leinque/Graphics/EM-banner7.png>";

images[3] = "<img src=http://img224.imageshack.us/img224/7355/dcln9.png>";

images[4] = "<img src=http://i38.photobucket.com/albums/e144/leinque/Graphics/EM-banner7.png>";

images[5] = "<img src=http://img224.imageshack.us/img224/7355/dcln9.png>";

images[6] = "<img src=http://i38.photobucket.com/albums/e144/leinque/Graphics/EM-banner7.png>";

images[7] = "<img src=http://img224.imageshack.us/img224/7355/dcln9.png>";

images[8] = "<img src=http://i38.photobucket.com/albums/e144/leinque/Graphics/EM-banner7.png>";

index = Math.floor(Math.random() * images.length);

document.write(images[index]);
--></script>
</center>

<% NAVIGATION %>

pirate.bombshell - May 8, 2008 07:33 PM (GMT)
No, hmm, ok here's a link to my board: BYL, and I want it to stay like that but when I click on a new page the header changes that's all.

ShinLi - June 26, 2008 09:55 AM (GMT)
Your topic has been solved and moved to the 'Solved Support Topics' forum! Still have a question, or something isn't clear yet? Open up a new topic, but be sure to be more specific this time!




Hosted for free by InvisionFree