Dear esarkissian-ga,
In order to add a drop down menu like the one you find in www.act.com,
you do need to use Javascript and it is really simple to do so.
Please visit
http://www.dynamicdrive.com/dynamicindex1/topmen4/index.htm
In the above page, you will find the zip file, topmenu4.zip. Download
the file, unzip the content and open the file readme.txt. In this file
you'll find step by step instruction to add the script to your html
code and also instructions to customize it to your needs (like menu
names, links, color etc).
You might want to check how this script works by opening the menu.htm
file where you'll find an example of the drop down menu.
There are many other useful navigation menus and DHTML script effects
at
http://www.dynamicdrive.com/
If you do not want to play around with javascript yet, you can create
what is called a Jump Menu using Dreamweaver without having to open
the source code. Instrcution for using the jump menu can be found in
dreamweaver help pages.
search strategy: keywords used in google:
"dhtml drop down menu"
Google link:
://www.google.com/search?q=dhtml+drop+down+menu&hl=en&lr=&ie=UTF-8&oe=UTF-8
Happy scripting!
Nutshell-ga |
Request for Answer Clarification by
esarkissian-ga
on
16 Apr 2003 15:34 PDT
Nutshell,
I still can't quite get it to look right. 2 things: When I choose a
blue border around the drop-down, it also puts that border between
each "choice" as well as around the outer edge. How do I get it to
only go around the outer edge? For instance on www.act.com, under the
first drop-down "Products", there is nothing between all the choices
(Act! 6.0, Act! for the Web, etc).
My 2nd question is when you mouseOver the choices in the drop-down on
act.com, each one 'underlines' like a link. How can I do that as
well?
Thanks nutshell. My goal is to get my menu to look almost exactly
like the one on Act.com.
ed
|
Request for Answer Clarification by
esarkissian-ga
on
16 Apr 2003 16:52 PDT
ok, I figured out my first question. Please just elaborate on my 2nd
about the "underlining" on the mouseOvers.
Thanks.
ed
|
Clarification of Answer by
nutshell-ga
on
17 Apr 2003 10:34 PDT
Dear esarkissian-ga,
It took a while to figure this out. Here it is:
In the head of the page add the following script and save the file:
<style type="text/css">
<!--
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: underline}
-->
</style>
After this, open the file mmenu.js in notepad or textpad and find the
word "decoration" by pressing ctrl+f. You'll find that the word
"decoration" apprears in three places. You will have to remove the
following from the SECOND place where the word "decoration" appears:
style='text-decoration:none;'
Please remember to remove exactly what is mentioned above and nothing
else. Save the file.
That's it!
You'd get the underlines when the mouse is placed over the links in
the menu.
To uderstand how and why this works, visit the following search result
page in google and read the content in the first two links:
://www.google.com/search?hl=en&ie=UTF-8&oe=UTF-8&q=underline+effect+in+text+link
Keywords used in google:
underline effect text link
Hope that get you back in the Act!
nutshell-ga
|