PDA

View Full Version : I need help combining these two codes.

DawgieDog
12-21-2002, 03:58 AM
What I want to do is combine these two menus and make them a cool one. What I want is I want menu one to have the same border and the same glowing color as menu two and instead of the circles I want a + sign.
Here is menu one: http://ba.breederhost.com/Untitled1.html
<style type="text/css">
<!--
.menu {font-family:Verdana; font-size:7pt; font-weight:bold}
-->
</style>

<script language="javascript">
<!--
function movein(which,html){
which.style.background='white'
description.innerHTML=html
}

function moveout(which){
which.style.background='blue'
description.innerHTML='&nbsp;'
}

-->
</script>

<table bgcolor="black" border="1" bordercolor="white" cellpadding="2" cellspacing="0">

<tr>
<td class="menu" bordercolor="black" id="choice1" style="background-color:blue; cursor:hand" onmouseover="movein(choice1,'Bettas on sale')" onmouseout="moveout(choice1)" onclick="location.href='http://www.javafile.com'">
<img src="http://www.geocities.com/jsfd26/turkey.jpg">Stock Shop</td></tr>

<td class="menu" bordercolor="black" id="choice2" style="background-color:blue; cursor:hand" onmouseover="movein(choice2,'Pic of my bettas')" onmouseout="moveout(choice2)" onclick="location.href='http://www.freebox.com/cereweb/'">
<img src="http://www.geocities.com/jsfd26/turkey.jpg">My Bettas</td></tr>

<td class="menu" bordercolor="black" id="choice3" style="background-color:blue; cursor:hand" onmouseover="movein(choice3,'Learn how to breed bettas')" onmouseout="moveout(choice3)" onclick="location.href='http://www.bravenet.com'"><img src="http://www.geocities.com/jsfd26/turkey.jpg">Breeding</td></tr>

<td class="menu" bordercolor="black" id="choice4" style="background-color:blue; cursor:hand" onmouseover="movein(choice4,'Cool looking bettas :)')" onmouseout="moveout(choice4)" onclick="location.href='http://www.bravenet.com'"><img src="http://www.geocities.com/jsfd26/turkey.jpg">Gallery</td></tr>

<td class="menu" bordercolor="black" id="choice5" style="background-color:blue; cursor:hand" onmouseover="movein(choice5,'Order my bettas!')" onmouseout="moveout(choice5)" onclick="location.href='http://www.geocities.com/jsfd26'/order.html"><img src="http://www.geocities.com/jsfd26/turkey.jpg">Order</td></tr>

<td class="menu" bordercolor="black" id="choice6" style="background-color:blue; cursor:hand" onmouseover="movein(choice6,'List of other sites')" onmouseout="moveout(choice6)" onclick="location.href='http://www.geocities.com/jsfd26/links.html'"><img src="http://www.geocities.com/jsfd26/turkey.jpg">Links</td></tr>

<tr>
<td bordercolor="black" bgcolor="ivory" height="15"><font id="description" face="Verdana" size="1"></font></td></tr>
</table></td>
</tr></table>

Menu two:
http://ba.breederhost.com/Untitled2[1].html
http://ba.breederhost.com/Untitled2[1].html

<tr>
<td vAlign="top" width="164" height="456">
<table cellSpacing="3" borderColorDark="#800000" width="161" borderColorLight="#FF0000" border="3" style="border-collapse: collapse" bordercolor="#111111" cellpadding="0" bgcolor="#000000" height="180">
<tr>
<td height="22" width="149">
<span id="links" style="cursor: hand; filter: glow(colorwhite,strength4); width: 100%">
<li type="circle">
<a target="Scroller_First" style="text-decoration: none" href="Super-pages-Index_2-Reverse.htm">
<font color="#FFFFFF" face="Arial Narrow" size="4">Home</font></a></span></li></td>
</tr>
<tr>
<td height="23" width="149">
<span id="links" style="cursor: hand; filter: glow(colorwhite,strength4); width: 100%">
<li type="circle">
<a target="Scroller_First" style="text-decoration: none" href="Downloads.htm">
<font color="#FFFFFF" face="Arial Narrow" size="4">Downloads</font></a></span></li></td>
</tr>
<tr>
<td height="23" width="149">
<span id="links" style="cursor: hand; filter: glow(colorwhite,strength4); width: 100%">
<li type="circle">
<font color="#FF0000">
<a style="text-decoration: none" target="Scroller_First" href="Multi_Player_Tip_Home.htm">
<font color="#FFFFFF" face="Arial Narrow" size="4">Multiplayer Tips</font></a></font></span></li></td>
</tr>
<tr>
<td height="23" width="149">
<span id="links" style="cursor: hand; filter: glow(colorwhite,strength4); width: 100%">
<li type="circle">
<a target="Scroller_First" style="text-decoration: none" href="MECH_DESIGNS.htm">
<font color="#FFFFFF" face="Arial Narrow" size="4">Mech Lab</font></a></span></li></td>
</tr>
<tr>
<td height="23" width="149">
<span id="links" style="cursor: hand; filter: glow(colorwhite,strength4); width: 100%">
<li type="circle">
<span id="links0" style="cursor: hand; filter: glow(colorwhite,strength4); ">
<font color="#FF0000">
<a style="text-decoration: none" target="Scroller_First" href="what%20is%20a.htm">
<font color="#FFFFFF" face="Arial Narrow" size="4">Mechs</font></a></font></span></span></li></td>
</tr>
<tr>
<td height="23" width="149">
<span id="links" style="cursor: hand; filter: glow(colorwhite,strength4); width: 100%">
<li type="circle">
<span id="links1" style="cursor: hand; filter: glow(colorwhite,strength4); ">
<a target="Scroller_First" style="text-decoration: none" href="Equipment.htm">
<font color="#FFFFFF" face="Arial Narrow" size="4">Equipment</font></a></span></span></li></td>
</tr>
<tr>
<td height="23" width="149">
<span id="links" style="cursor: hand; filter: glow(colorwhite,strength4); width: 100%">
<li type="circle">
<span id="links2" style="cursor: hand; filter: glow(colorwhite,strength4); ">
<a target="Scroller_First" style="text-decoration: none" href="Weapons.htm">
<font color="#FFFFFF" face="Arial Narrow" size="4">Weapons</font></a></span></span></li></td>
</tr>
<tr>
<td height="23" width="149">
<span id="links" style="cursor: hand; filter: glow(colorwhite,strength4); width: 100%">
<li type="circle">
<font color="#FF0000">
<a style="text-decoration: none" target="Scroller_First" href="Controls.htm">
<font color="#FFFFFF" face="Arial Narrow" size="4">Controls</font></a></font></span></li></td>
</tr>
<tr>
<td height="23" width="149">
<span id="links" style="cursor: hand; filter: glow(colorwhite,strength4); width: 100%">
<li type="circle">
<font color="#FF0000">
<a style="text-decoration: none" target="Scroller_First" href="Guest_Book_View-Sign_464.htm">
<font color="#FFFFFF" face="Arial Narrow" size="4">Guest Book</font></a></font></span></li></td>
</tr>
<tr>
<td height="23" width="149">
<span id="links" style="cursor: hand; filter: glow(colorwhite,strength4); width: 100%">
<li type="circle">
<p align="justify">
<font face="Arial Narrow" size="4">
<a target="Scroller_First" style="text-decoration: none; " href="Super-pages-LINKS.htm">
<font color="#FFFFFF">Links</font></a><font color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<img src="NEW%20BUTTON.gif" border="0" width="23" height="12">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</font>
</font> </span></li></td>
</tr>
<tr>
<td height="23" width="149">
<span id="links" style="cursor: hand; filter: glow(colorwhite,strength4); width: 100%">
<li type="circle">
<span id="links3" style="cursor: hand; filter: glow(colorwhite,strength4); ">
<font color="#FF0000">
<a target="Scroller_First" href="Super-pages.com-CREDITS.htm" style="text-decoration: none; ">
<font color="#FFFFFF" face="Arial Narrow" size="4">Credits</font></a></font></span></span></li></td>
</tr>
</table>
</td>
</tr>
</table>



</style>

If you can help, can you post the final code here, please?
joeframbach
12-21-2002, 04:09 AM
im not going to post any final code because im just wayyyyy too lazy and it'll be wayyyyy too easy for you.
just add onmouseover="movein(choice1,'Bettas on sale')" onmouseout="moveout(choice1)" onclick="location.href='http://www.javafile.com'"
to the <td>'s in the second file and add the JS from the first to the <head> of the second, i guess... see if it works
DawgieDog
12-21-2002, 06:03 AM
Originally posted by joeframbach
im not going to post any final code because im just wayyyyy too lazy and it'll be wayyyyy too easy for you.
just add onmouseover="movein(choice1,'Bettas on sale')" onmouseout="moveout(choice1)" onclick="location.href='http://www.javafile.com'"
to the <td>'s in the second file and add the JS from the first to the <head> of the second, i guess... see if it works

You can't say I didn't try, cause I did try and it did not work, I saw the border but it didn't come out around the whole number one menu. But I'll try what you told me and see, thank you.