|
|
You'll do this for each part of your menu, you may have 3 menus or 6 menus like this example each needs to be changed.
Step 4
Adding your links and setting the defaults for your drop down
Adding your links
Right click on the HTML object go to Properties then object HTML and look Inside Page header once again. Scroll down and you'll find the javascript. We'll work only with this top section
End of the Step four page
//Contents for menu 1
var menu1
=new Array()
menu1
[
0
]='<a href="
http://gordw.com/BB/index.php
"
target="_Blank"
>
WS4 forum
</a>'
menu1
[
1
]='<a href="
WS4_Iframes.html
" >
And again
</a>'
menu1
[
2
]='<a href="
http://gordw.com/BB/index.php
" >
And yet again
</a>'
//Contents for menu 2, and so on
var menu2
=new Array()
menu2[0]='<a href="http://gordw.com/BB/index.php
" >
WS4 forum
</a>'
menu2[1]='<a href="http://gordw.com/BB/index.php
" >
And again
</a>'
menu2[2]='<a href="http://gordw.com/BB/index.php" >
And yet again
</a>'
//Contents for menu 3, and so on
var menu3
=new Array()
menu3[0]='<a href="http://gordw.com/BB/index.php
" >
WS4 forum
</a>'
menu3[1]='<a href="http://gordw.com/BB/index.php
">
And again
</a>'
menu3[2]='<a href="http://gordw.com/BB/index.php" >
And yet again
</a>'
//Contents for menu 4
var menu4=new Array()
menu4[0]='<a href="http://gordw.com/BB/index.php
" >
WS4 forum
</a>'
menu4[1]='<a href="http://gordw.com/BB/index.php
">
And again
</a>'
menu4[2]='<a href="http://gordw.com/BB/index.php" >
And yet again
</a>'
//Contents for menu 5
var menu5=new Array()
menu5[0]='<a href="#http://gordw.com/BB/index.php
">
WS4 forum
</a>'
menu5[1]='<a href="#http://gordw.com/BB/index.php
">
And again
</a>'
menu5[2]='<a href="#http://gordw.com/BB/index.php">
And yet again
</a>'
//Contents for menu 6
var menu6=new Array()
menu6[0]='<a href="http://webstudio.gordw.com/PAGE1ddm.html
" >
Step 1
</a>'
menu6[1]='<a href="http://webstudio.gordw.com/PAGE2ddm.html
" >
Step 2
</a>'
menu6[2]='<a href="http://webstudio.gordw.com/PAGE3ddm.html
">
Step 3
</a>'
menu6[3]='<a href="http://webstudio.gordw.com/PAGE4ddm.html
" >
Step 4
</a>'
menu6[4]='<a href="http://webstudio.gordw.com/PAGE5ddm.html
" >
Step 5
</a>'
var menuwidth='
150px
' //
default menu width
var menubgcolor='
black
' //
menu bgcolor
var disappeardelay=
250
//
menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="
yes
" //
hide menu when user clicks within menu?
/////No further editting needed
//Contents for menu 1
this is a comment so you can keep track
var menu1
if you add more drop downs you can copy a section and add it, but you have to change the numbers. So if I added one more drop down I would change this number to 7 like:
var menu7
menu1[0]
menu1[1] menu1[2]
always start with zero and when you add another link and always add a consecutive number like 0 1 2 3 4 [0] [1] [2] [3] and so on. This adds one more link in the drop downs.
http://gordw.com/BB/index.php
an exterior link and adding
notice the
http://gordw.com
part that is a link off site usually
Target="_blank"
will have it open in a new window no need to put targets if you aren't opening new windows or targeting frames
WS4_Iframes.html
is a link to a page on your site no http:// just
nameofthepage
.
html
WS4 forum
is the text that will show in your menu
The menu background color and default width etc.
This is finally the menu defaults .... woo hooo
The most important being
var menubgcolor='
#FFFFFF
'
//
menu bgcolor
this is where you change the background color of your menu, you could put a name like '
white
' too
The menu width
150px
is good unless you have long names
Okay this is the all important link explanation....
var menuwidth='
150px
' //
default menu width
var menubgcolor='
#FFFFFF
' //
menu bgcolor
var disappeardelay=
250
//
menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="
yes
" //
hide menu when user clicks within menu?
Now let's get the links into the drop downs and finish the javascript.
Now that the text and the drop downs looks and now act the way you want. You've changed the javascript and everything is still working okay.
On to step five where we'll make external file links.
So that if you want to add more, or change the look of, the drop downs you will be able to do it from one place for the whole site or "globally"