Results 1 to 2 of 2

Thread: DD Tab Menu w/ Drop Down Tabs?

  1. #1
    Join Date
    Jan 2007
    Posts
    94
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Cool DD Tab Menu w/ Drop Down Tabs?

    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/dynamici...roptabmenu.htm

    Any help would be appreciated!

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    I don't see not. The tab menu structure for the two are almost identical:

    Desired Tab structure:

    Code:
    <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:

    Code:
    <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:

    Code:
    <link rel="stylesheet" type="text/css" href="ddtabmenufiles/solidblocksmenu.css" />
    That should pretty much do it.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •