Log in

View Full Version : Trying to add this below logo


Madmp3zz
11-22-2005, 11:02 PM
I am trying to add this to my header....
Here is my current Header...

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[right]"><img src="images/misc/logo2.gif" border="0" alt="Matt Kading Memorial" /></td>
<td align="center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[left]"><img src="images/misc/logo2.gif" border="0" alt="Matt Kading Memorial" /></td>
</table>
</tr>
<!-- /logo -->

<!-- content table -->
$spacer_open
$_phpinclude_output

Here is what I am trying to add directly below it so it shows on all pages between the logo and the navbar.
It's a row of mouse_over buttons..
I currently have it setup as a module for my cmps homepage but would rather have it on all the pages.
How do I do this?
Is there a way to convert it to a template?

</script>
<script language="JavaScript" type="text/JavaScript">
<!--

//image1 = new Image();
//image1.src = "nav_home_on.gif";
//image2 = new Image();
//image2.src = "nav_forum_on.gif";
//image3 = new Image();
//image3.src = "nav_stats_on.gif";
//image4 = new Image();
//image4.src = "nav_chat_on.gif";

function MM_swapImgRestore()
{
var i, x, a = document.MM_sr;
for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
}

function MM_findObj(n, d)
{
var p, i, x;
if (!d) d=document;
if ((p = n.indexOf("?")) > 0 && parent.frames.length)
{
d = parent.frames[n.substring(p + 1)].document;
n = n.substring(0, p);
}
if (!(x = d[n]) && d.all) x = d.all[n];
for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
if (!x && d.getElementById) x = d.getElementById(n);

return x;
}

function MM_swapImage()
{
var i, j = 0, x, a = MM_swapImage.arguments;
document.MM_sr = new Array;
for (i = 0; i < (a.length-2); i += 3)
if ((x = MM_findObj(a[i])) != null)
{
document.MM_sr[j++] = x;
if(!x.oSrc) x.oSrc = x.src;
x.src = a[i + 2];
}
}
//-->
</script>

<a href="cmps_index.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/steelred/nav_home_on.gif',1)"><img src="images/steelred/nav_home_off.gif" alt="Home" name="home" width="107" height="27" border="0" /></a><img src="images/steelred/nav_home_on.gif" style="display: none;" />

<a href="index.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('forums','','images/steelred/nav_forum_on.gif',1)"><img src="images/steelred/nav_forum_off.gif" alt="Forums" name="forums" width="107" height="27" border="0" /></a><img src="images/steelred/nav_forum_on.gif" style="display: none;" />

<a href="http://mysite.com/league/index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('stats','','images/steelred/nav_stats_on.gif',1)"><img src="images/steelred/nav_stats_off.gif" alt="Stats" name="stats" width="107" height="27" border="0" /></a>

<a href="chat/flashchat.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('chat','','images/steelred/nav_chat_on.gif',1)"><img src="images/steelred/nav_chat_off.gif" alt="Chat" name="chat" width="107" height="27" border="0" /></a><img src="images/steelred/nav_chat_on.gif" style="display: none;" />

<!-- content table -->

Adrian Schneider
11-22-2005, 11:18 PM
Try placing <script language="JavaScript" type="text/JavaScript">
<!--

//image1 = new Image();
//image1.src = "nav_home_on.gif";
//image2 = new Image();
//image2.src = "nav_forum_on.gif";
//image3 = new Image();
//image3.src = "nav_stats_on.gif";
//image4 = new Image();
//image4.src = "nav_chat_on.gif";

function MM_swapImgRestore()
{
var i, x, a = document.MM_sr;
for (i = 0; a && i < a.length && (x = a[i]) && x.oSrc; i++) x.src = x.oSrc;
}

function MM_findObj(n, d)
{
var p, i, x;
if (!d) d=document;
if ((p = n.indexOf("?")) > 0 && parent.frames.length)
{
d = parent.frames[n.substring(p + 1)].document;
n = n.substring(0, p);
}
if (!(x = d[n]) && d.all) x = d.all[n];
for (i = 0; !x && i < d.forms.length; i++) x = d.forms[i][n];
for (i = 0; !x && d.layers && i < d.layers.length; i++) x = MM_findObj(n, d.layers[i].document);
if (!x && d.getElementById) x = d.getElementById(n);

return x;
}

function MM_swapImage()
{
var i, j = 0, x, a = MM_swapImage.arguments;
document.MM_sr = new Array;
for (i = 0; i < (a.length-2); i += 3)
if ((x = MM_findObj(a[i])) != null)
{
document.MM_sr[j++] = x;
if(!x.oSrc) x.oSrc = x.src;
x.src = a[i + 2];
}
}
//-->
</script> in the headerinclue template, and the <a href="cmps_index.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/steelred/nav_home_on.gif',1)"><img src="images/steelred/nav_home_off.gif" alt="Home" name="home" width="107" height="27" border="0" /></a><img src="images/steelred/nav_home_on.gif" style="display: none;" />

<a href="index.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('forums','','images/steelred/nav_forum_on.gif',1)"><img src="images/steelred/nav_forum_off.gif" alt="Forums" name="forums" width="107" height="27" border="0" /></a><img src="images/steelred/nav_forum_on.gif" style="display: none;" />

<a href="http://mysite.com/league/index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('stats','','images/steelred/nav_stats_on.gif',1)"><img src="images/steelred/nav_stats_off.gif" alt="Stats" name="stats" width="107" height="27" border="0" /></a> in your header template.

Madmp3zz
11-22-2005, 11:31 PM
Thanks ALOT!!! works great...

How would I center the buttuns under the logo?
I have added an attachment so u can see what it currently looks like.
Here is the current header:

<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[right]"><img src="images/misc/logo2.gif" border="0" alt="Matt Kading Memorial" /></td>
<td align="center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[left]"><img src="images/misc/logo2.gif" border="0" alt="Matt Kading Memorial" /></td>
</table>

<a href="cmps_index.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/steelred/nav_home_on.gif',1)"><img src="images/steelred/nav_home_off.gif" alt="Home" name="home" width="107" height="27" border="0" /></a><img src="images/steelred/nav_home_on.gif" style="display: none;" />

<a href="index.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('forums','','images/steelred/nav_forum_on.gif',1)"><img src="images/steelred/nav_forum_off.gif" alt="Forums" name="forums" width="107" height="27" border="0" /></a><img src="images/steelred/nav_forum_on.gif" style="display: none;" />

<a href="http://mysite.com/league/index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('stats','','images/steelred/nav_stats_on.gif',1)"><img src="images/steelred/nav_stats_off.gif" alt="Stats" name="stats" width="107" height="27" border="0" /></a>

<a href="chat/flashchat.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('chat','','images/steelred/nav_chat_on.gif',1)"><img src="images/steelred/nav_chat_off.gif" alt="Chat" name="chat" width="107" height="27" border="0" /></a><img src="images/steelred/nav_chat_on.gif" style="display: none;" />

</tr>
<!-- /logo -->

<!-- content table -->
$spacer_open
$_phpinclude_output

merk
11-22-2005, 11:42 PM
<!-- logo -->
<a name="top"></a>
<table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="$stylevar[right]"><img src="images/misc/logo2.gif" border="0" alt="Matt Kading Memorial" /></td>
<td align="center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a></td>
<td align="$stylevar[left]"><img src="images/misc/logo2.gif" border="0" alt="Matt Kading Memorial" /></td>
</table>

<div style="text-align:center;"><a href="cmps_index.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/steelred/nav_home_on.gif',1)"><img src="images/steelred/nav_home_off.gif" alt="Home" name="home" width="107" height="27" border="0" /></a><img src="images/steelred/nav_home_on.gif" style="display: none;" />

<a href="index.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('forums','','images/steelred/nav_forum_on.gif',1)"><img src="images/steelred/nav_forum_off.gif" alt="Forums" name="forums" width="107" height="27" border="0" /></a><img src="images/steelred/nav_forum_on.gif" style="display: none;" />

<a href="http://mysite.com/league/index.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('stats','','images/steelred/nav_stats_on.gif',1)"><img src="images/steelred/nav_stats_off.gif" alt="Stats" name="stats" width="107" height="27" border="0" /></a>

<a href="chat/flashchat.php?" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('chat','','images/steelred/nav_chat_on.gif',1)"><img src="images/steelred/nav_chat_off.gif" alt="Chat" name="chat" width="107" height="27" border="0" /></a><img src="images/steelred/nav_chat_on.gif" style="display: none;" />
</div>

</tr>
<!-- /logo -->

<!-- content table -->
$spacer_open
$_phpinclude_output

Madmp3zz
11-23-2005, 12:12 AM
U guys rule.... AWESOME responses..

Hate to ask one more thing...

Where do I change the spacing between the header and the navbar?
It shows up perfect on the cmps but is spaced away from the navbar on the forums.

1st image is the cmps and the second is the forum..