PDA

View Full Version : Chrome Drop Down Menu Help



igtenos_neo
03-20-2007, 12:13 PM
1) Script Title: Chrome CSS Drop Down Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem: I don't know how what codes to put in, can anyone please help me? I've downloaded the file but I'm still confused... :confused:

julmado
03-20-2007, 02:07 PM
1) Extract the files

2) Copy the folders "chromejs" and "chrometheme" in the same directory of your webpage

3) Insert this tag anywhere between the <head> and </head> section of the page where you want the menu:


<script type="text/javascript" src="chromejs/chrome.js">

4) Put the following code where you want the menu to appear


<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="#" rel="dropmenu1">Resources</a></li>
<li><a href="#" rel="dropmenu2">News</a></li>
</ul>
</div>

<!--1st drop down menu -->
<div id="dropmenu1" class="dropmenudiv">
<a href="http://www.dynamicdrive.com/">Dynamic Drive</a>
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
</div>


<!--2nd drop down menu -->
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
<a href="http://www.cnn.com/">CNN</a>
<a href="http://www.msnbc.com">MSNBC</a>
<a href="http://news.bbc.co.uk">BBC News</a>
</div>

<script type="text/javascript">
cssdropdown.startchrome("chromemenu")
</script>

5) Modify the http links to reflect the links or files you want to refer