We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
[CODE]Navigation bar with buttons; javascript; By Tomanator11
Topic Started: Jan 25 2010, 10:57 AM (184 Views)
Reid
Member Avatar
È una trappola!

This topic has been moved from our official support board.

Originally posted by: Tomanator11
[CODE
 
Navigation bar with buttons; javascript]Admincp > images > logo

Author: Tomanator11
Info: Makes a navigation bar around the logo, with image buttons to click. I don't know if this has already been shown on the invisionfree forum, but I just wanted to share it cause it is my first time making things with JAVA. (but i do know html pretty good)
For: I made it originaly for my site Vitaworld But i thought someone might need it.

Quote:
 

<html>
<body>
<center><img src="LOGO URL HERE"
width="400" height="100"></center>
<marquee><h7><p>Welcome to <a href="YOUR SITE URL HERE">SITE NAME HERE</a>!</p></h7></marquee>
</body>
</html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css" >
</head>
<style type=text/css>a:hover{cursor:HOVER CURSOR HERE}</style>
<body>
<HR>
<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="THE BUTTON URL HERE"
}
function mouseOut()
{
document.b1.src ="THE BUTTON URL WHEN HOVERED OVER HERE"
}
</script>
</head>

<body>
<a href="YOUR HOME PAGE URL HERE"
onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt="MESSAGE WHEN THEY HOVER OVER THE BUTTON" src="THE BUTTON URL WHEN HOVERED OVER HERE" name="b1" width="BUTTON SIZE" height="BUTTON SIZE" /></a>
</body>
</html> </center>
</body>
</html>
<HR>

to add a button, type under the code above:
Quote:
 

<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="THE BUTTON URL HERE"
}
function mouseOut()
{
document.b1.src ="THE BUTTON URL WHEN HOVERED OVER HERE"
}
</script>
</head>

<body>
<a href="YOUR HOME PAGE URL HERE"
onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt="MESSAGE WHEN THEY HOVER OVER THE BUTTON" src="THE BUTTON URL WHEN HOVERED OVER HERE" name="b1" width="BUTTON SIZE" height="BUTTON SIZE" /></a>


See Here for preview!
Trust me the buttons are just bad cause i was just messing around with the code. You would need to make your own buttons.

I hope it is an okay script :( I am new at JAVAscript.
hope it helps someone,
~Tomanator11 :arr:
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Codes & Modifications · Next Topic »
Add Reply