PDA

View Full Version : DD Tab Menu w/ Drop Down Tabs?



jnscollier
07-09-2007, 01:37 AM
1) Script Title:
DD Tab Menu

2) Script URL (on DD):
http://dynamicdrive.com/dynamicindex1/ddtabmenu.htm

3) Describe problem:
Well, I really love the 3rd example... So I definitely want to keep that look and feel. i was just wondering if there is an easy way to add the drop down subcategory feature like the one in Drop Down Tabs: http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm

Any help would be appreciated!

ddadmin
07-09-2007, 06:59 AM
I don't see not. The tab menu structure for the two are almost identical:

Desired Tab structure:


<div id="ddtabs3" class="solidblockmenu">
<ul>
<li><a href="http://www.dynamicdrive.com" rel="dropmenu1_b">Home</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm">DHTML</a></li>
<li><a href="http://www.dynamicdrive.com/style/">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Gif Optimizer</a></li>
</ul>
</div>

Drop Down Tabs structure:


<div id="bluemenu" class="bluetabs">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/" rel="dropmenu1_b">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/resources/" rel="dropmenu2_b">Partners</a></li>
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
</ul>
</div>

So simply replace the later's HTML with the former, and make sure the "rel" attributes are properly defined within the former. You'll also need to reference the former's CSS STYLE sheet on your page:


<link rel="stylesheet" type="text/css" href="ddtabmenufiles/solidblocksmenu.css" />

That should pretty much do it.