1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.1 Using a different drop down list for a navtab.

Discussion in 'XenForo Questions and Support' started by Matthew Hawley, Feb 11, 2013.

  1. Matthew Hawley

    Matthew Hawley Well-Known Member

    I made a custom menu for my tablinks on xenmedio.

    Media Library - LetsPWN.png

    But the problem is: the drop down menu looks like this.

    Images - LetsPWN.png

    So I need to use another menu for the drop down menu.

    Anyone know how to accomplish this?
     
  2. Matthew Hawley

    Matthew Hawley Well-Known Member

    I updated the post so people could better understand what I want.
     
  3. Matthew Hawley

    Matthew Hawley Well-Known Member

  4. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    You would either use CSS to fix the styling problem, or perhaps setup a condition to change the links templates (for secondary links of the tab) depending on if the tab is selected or not. For a CSS solution I need you to post your URL so I can work with the style. For the condition you need a programmer.
     
  5. Matthew Hawley

    Matthew Hawley Well-Known Member

    Yeah but I want different links for the drop down menu other than whats on the tab links. Well actually same links just not the drop down.

    http://letspwn.com

    Make an account then ill tell u the admin account
     
  6. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Your HTML is messed up. My browser is flagging some unmatched tags. For example, you forgot to close the outer <li> before starting the new one (I added the missing tag):

    Code:
    <li><div class="Popup">
    			<a rel="Menu">Downloads</a>
    
    			<div class="Menu">
    				<span class="arrowWidget"></span>
    				<ul class="secondaryContent blockLinksList">
    	<li><a href="http://www.letspwn.com/index.php?microdownloads/">All Files</a></li>
    	<li><a href="http://www.letspwn.com/index.php?microdownloads/upload">Upload a File</a></li>
    <li><a href="http://www.letspwn.com/index.php?microdownloads/whatsnew">What's New</a></li>
    	<li><a href="http://www.letspwn.com/index.php?microdownloads/myfiles">My Files</a></li>
    </ul>
    </li>
    		<li><div class="Popup">
    			<a rel="Menu">Image Gallery</a>
    
    			<div class="Menu">
    				<span class="arrowWidget"></span>
    				<ul class="secondaryContent blockLinksList">
    <li><a href="http://letspwn.com/index.php?useralbums/">All Users Albums</a></li>
    <li><a href="http://letspwn.com/index.php?useralbums/create">Create Albums</a></li>
    <li><a href="index.php?useralbums/own">All My Albums</a></li>
    
    
    </ul>
    			</div>
    		</div></li>
    
    Look at the source code on DP:

    https://tools.digitalpoint.com/

    He has some submenus. Follow that code example for each submenu. Example:

    Code:
    	<li class="Popup PopupControl PopupClosed">
    		<a rel="Menu">Statistical</a>
    		<div class="Menu JsOnly tabMenu">
    			<ul class="secondaryContent blockLinksList">					
    				<li><a href="//tools.digitalpoint.com/analytics-globe">Analytics Globe</a></li>
    				<li><a href="//tools.digitalpoint.com/geovisitors">Geo Visitors</a></li>
    				<li><a href="//tools.digitalpoint.com/counter">Hit Counter</a></li>
    				<li><a href="//tools.digitalpoint.com/tracker">Keyword Ranking Tracker</a></li>
    
    			</ul>
    		</div>
    	</li>
    
    You should also clean up your formatting. Notice how clean and readable DP's code is?
     
  7. Matthew Hawley

    Matthew Hawley Well-Known Member

    The drop down menu still looks the same.
     
  8. Matthew Hawley

    Matthew Hawley Well-Known Member

    Anyone know what to do?
     
  9. Matthew Hawley

    Matthew Hawley Well-Known Member

    Can anyone help? I want to use a different drop down menu for the xenmedio tab. I dont want to use the tablinks as the drop down menu.
     

Share This Page