|
|
Step 1
Setting the number of links
Putting the links on any text object you want
Changing the width of the drop downs
We are going to look at the css styles and javascript more in depth in steps 3 & 4 but for now let's get it so that it will have the number of links you want to use.
Looking closer at the linking code
If you want to understand more about how the code works or if you want one of the drop downs to be a different width than the rest look below.
On your GDD (web studio download) page you have pasted the links and they look like this:
...and select "Properties" then the "object HTML tab" and click in the "Inside page header" radio button like this:
"Your Link#7" isn't a drop down menu, so you have 6 main drop downs
(If you want to add more you'll see how later)
If you only want 5 drop downs delete #6 and #7 so it looks like this:
...and so on, you may only want one somewhere on your page?
Anyway so now you have 5 drop downs. We have to make the Javascript match that number or we'll get an error so right click on the
HTML OBJECT that's this:
Say you want the drop down menu from "
Your Link #3
" somewhere else on your page? Highlight that link and drag it from the text object to anywhere on the page, it's that easy...
BUT, before you do that let's get the menu to look just like you want.
Scroll down and you'll see the javascript, what we want to do is delete the //Contents for menu 6 to match the number of text drop downs.
I am using 5 as the example here... so delete all of this:
If you only wanted one drop down menu for example, you would delete all of the contents except for //Contents for menu 1 and it's script.
Okay, now preview and you should have the number of drop down menus you want for you site.
Setting the number of links
Putting any of the links anywhere on your page
Now that you see it working in your web studio page on to step two where we'll start to make it look like you want it to.
This is the part of the script that is in your text object and it tells the javascript which menu to drop down, plus how wide
Right click on the text object, and select "Edit HTML Source" you'll see it placed in there something like this:
menu1
defines which menu drops down
120px
this over rides the default menus width
#
this is the link so the
drop down
is called, it's just a place holder
Your Link
is your text that shows on the page
End of the Step one page