Results 1 to 2 of 2

Thread: How can I use ddtabmenu on forum site

  1. #1
    Join Date
    Mar 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default How can I use ddtabmenu on forum site

    1) Script Title: DD Tab Menu (5 styles)

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

    3) Describe problem:
    I have a website that uses vBulletin forums and other addons to the forums like a photo gallery etc.

    I can't figure out how to use this script to keep the tab selected for the section of the site that I am on.

    For example I have:
    Tab Home (../index.php)
    Tab Forums (../forum/)
    Tab Photos (../gallery/) etc

    vBulletin uses a header and navbar template which are used across the entire site:
    - I have placed in my header template:
    Code:
    <script type="text/javascript" src="../images/ddtabmenu.js">
    </script>
    <!--
    * DD Tab Menu script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    -->
    <link rel="stylesheet" type="text/css" href="../images/solidblocksmenu.css" />
    
    <script type="text/javascript">
    //SYNTAX: ddtabmenu.definemenu("tab_menu_id", integer OR "auto")
    ddtabmenu.definemenu("ddtabs1", "auto") //initialize Tab Menu #1 with 1st tab selected
    
    </script>
    - In my navbar template I have placed:
    Code:
    <div id="ddtabs1" class="solidblockmenu">
    	<ul>
    		<li><a href="../index.php" rel="sb1">Home</a></li>
    		<li><a href="../aircraft/" rel="sb2">Aircraft</a></li>
    		<li><a href="../forum/blogs/recent-entries/" rel="sb3">Blogs</a></li>
    		<li><a href="../clubs/" rel="sb4">Flying</a></li>
    		<li><a href="../forum/" rel="sb5">Forums</a></li>
    		<li><a href="../articles/" rel="sb6">Multimedia</a></li>
    		<li><a href="../forum/profile.php?do=editoptions" rel="sb7">My Settings</a></li>
    		<li><a href="../classifieds/" rel="sb8">Pilot Shop</a></li>
    		<li><a href="../forum/vbgooglemaphse.php?do=list" rel="sb9">Pilot Tools</a></li>
    		<li><a href="../forum/search.php?do=getnew&exclude=269" rel="sb10">What's New</a></li>
    	</ul>
    </div>
    
    <DIV class="tabcontainer ieclass">
    	<div id="sb1" class="tabcontent">
    		<a href="../index.php?pageid=about">About This Site</a>&nbsp;|&nbsp; etc
    So how can I create it so when the user is on:
    - the home page tab1 is selected
    - the forum tab2 is selected
    - the photo gallery tab3 is selected etc

    The other issue is the sub menu row is displaying to high when viewed in IE but Firefox is ok

    You can see what I have done so far at:
    http://www.recreationalflying.com.au - and you must select test in the Quick Style Chooser drop down box at the bottom of the page to see the tab menu.

    Any help is greatly appreciated
    Last edited by ibaker; 03-10-2010 at 09:05 AM.

  2. #2
    Join Date
    Mar 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Bump

    Can anyone help me with this PLEASE

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
  •