|
|
|
|
|
Home - Tips & Tutorials - JavaScript Demos - Java Applet Demos - Resources - Contact |
||
|
Dynamic FX Slide-In Menu by Maximus from Dynamic Drive >>> 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, so the links are no longer valid. Very cool, very blendable. Besides the JavaScript and CSS shown to the right 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. Please note the adjustment to the script with files/ added where the .js files are called up. 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 Webmonkey to see colors and the HTML codes for them. To view my changes to the ssmItems.js file, click here (opens new window). 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! |
<STYLE> |
|
| Formerly hosted at www.geocities.com/ramblingtutor/ |
Home - Tips & Tutorials - JavaScript Demos - Java Demos - Resources - Contact Webpage graphics by Arride Graphics
|
|
