|
|
Open "notepad" paste that script into it and save it as ddm.css
Use the .css (cascading style sheet) extension rather than the default .txt extension. Save it to your hardrive where you can find it easily in the future, it'll look like this:
Go to the page where we did the text links for the menu, if you need to open another copy of web studio so you can have the download and the working menu in one, and the site where you want all of the drop down menus to appear on in the other.
Copy that text and paste in onto the pages you put the above links.
Open notepad again and paste that script into it, and save it as ddm.js
Use the .js (javascript) extension rather than the default .txt extension
Save it to your hardrive where you can find it easily in the future, it'll look like this:
Now lets attach the above two scripts to your site.
Go to the website menu then website properties, the attached files tab, and select the "attach files" button.
Navigate to where you saved your ddm.css and ddm.js files select the open button then save button. Your files are now attached to your web site.
In web studio: Right click on the page, go to page properties select the page HTML tab and select the "inside page header" radio button.
Copy the below script and paste it into all of the pages you want to use the the drop down menu on. Put in in the header of your page.
Step 5
Making it all global
Saving the HTML object
When you make external files and link the pages to them they will load much faster, and you'll be able to make changes in one place for the whole site.
You will have to add a MAIN link on each page, but adding more links or changing the colors of the drop downs will be able to be done in one place.
Now let's make some external files.
Back to the HTML object, if it's closed...
Right click on the HTML object go to Properties then object HTML and look Inside Page header once again, copy everything between these two tags this time:
Copy all of the code between that top tag and the lower closing tag at the very bottom of the page
Making the .css file
You can edit it later by right clicking on it and select "edit".
Now you can close the HTML object and let's save all of your hard work.
Open the "My Stuff" gallery
(You can delete the old HTML object you downloaded if you want now too from "My Stuff".)
Hold down the control key and the shift key and drag your new HTML object right up into the gallery. You could also right click on the HTML Object, copy then right click in My Stuff and paste it, too.
Right click on the HTML object go to Properties then object HTML and look Inside Page header once again, copy everything between these two tags:
End of the Step five page
Copy all of the code between that top tag and the lower closing tag you don't include the tags
You can edit it later by right clicking on it and select "edit".
Making the .js file
Your new HTML object in your "My Stuff" gallery
Linking the scripts to your pages
Attaching the scripts
Save the site. Preview and you should see the drop down menu working!!
Congratulations!
This was a long road, but you did it.
Almost all drop down menus are difficult to configure and place so this is advanced stuff, nice going!
My Personal Favorite for DHTML scripts
This is a menu from Dynamic Drive, and amended so that it works in web studio.