|
Don't see it? It's on the left side of this page. This is a menu script that I had on my old site, Jay's SB Lab. Very cool, very blendable. Besides the JavaScript and CSS shown below, you need to grab the two .js files from
Dynamic Drive which are conveniently zipped together in the menu.zip file.
This is the actual script which is copied-and-pasted into the Insert HTML element from SiteBuilder and placed on your page near the top left side. This script will normally go inside the <HEAD></HEAD> tags, but we don't always do things normally with SiteBuilder. *grin*: Please note the adjustment to the script.
<STYLE>
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:blue;text-decoration:none;}
//-->
</STYLE>
<SCRIPT SRC="files/ssm.js" language="JavaScript1.2">
//Dynamic-FX slide in menu v6.5 (By maXimus, [email protected])
//Site: http://www.absolutegb.com/maximus
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com
</SCRIPT>
<SCRIPT SRC="files/ssmItems.js" language="JavaScript1.2"></SCRIPT>
You can change the links colors from black to whatever you need on your site.
If you want to change text-decoration and don't know anything
about CSS (cascading style sheets), visit Lissa's site
The second part of putting this menu on your site involves altering some of the coding in the ssmItems.js file. You do this by opening the ssmItems.js file using NotePad or WordPad.
Don't know where to find NotePad? In Windows, press "Start", then "Programs", then "Accessories", then scroll down to
"NotePad". Once in NotePad, click "Open" and go through your hard drive to find the ssmItems.js file that you've opened previously by unzipping the menu.zip file.
When you've opened the ssmItems.js file in NotePad, you can now change the links to those on your site and change the colors of your menu. Need some color codes? Go to
Project Cool to see colors and the HTML codes for them.
To view my changes to the .js file, click here.
This will give you an idea of what this file looks like.
When you've finished, save the file. Then that file and the ssm.js file need to be uploaded to your Files directory.
That's it!
If you're putting the menu on more than one page, you can simply use the Copy Element command (see in Edit on the toolbar) in SiteBuilder to copy the Insert HTML element from one page to the next page. Very quick and easy!
Please click window close to return to
the Scripts
Index page
|
