mcfmullen Posted November 29, 2010 Share Posted November 29, 2010 I am trying to get Superfish to work in my header of phpBB. This is my code in the header: <script type='text/javascript' src='jquery.js?ver=1.4.2'></script> <script type='text/javascript' src='hoverIntent.js'></script> <script type='text/javascript' src='superfish.js'></script> <script> $("ul.sf-menu").superfish({autoArrows: true, speed: 'fast', dropShadows: 'true'});</script> </head> <body class="{S_CONTENT_DIRECTION}"> <div id="nav"> <div id="nav-content" class="clearfix"> <div class="menu-pages-container"><ul id="menu-pages" class="sf-menu menu clearfix"><li id="menu-item-1715" class="menu-item menu-item-type-custom current-menu-item current_page_item menu-item-home menu-item-1715"><a href="http://localhost/">Home</a></li> <li id="menu-item-1738" class="menu-item menu-item-type-post_type menu-item-1738"><a href="http://localhost/about/">About</a></li> <li id="menu-item-1717" class="menu-item menu-item-type-post_type menu-item-1717"><a href="http://localhost/animals/">Animals</a> <ul class="sub-menu"> <li id="menu-item-1718" class="menu-item menu-item-type-post_type menu-item-1718"><a href="http://localhost/animals/mammals/">Mammals</a></li> <li id="menu-item-1719" class="menu-item menu-item-type-post_type menu-item-1719"><a href="http://localhost/animals/reptiles/">Reptiles</a></li> </ul> </li> </ul></div> This is my css: #nav { background: url(../../images/topnav.jpg) repeat-x bottom #322C2C; min-width: 990px; } #nav-content { margin: 0 auto; width: 978px; } #nav .sf-menu { float: left; line-height: 1.1; max-width: 770px; } #nav .sf-menu a { display: block; text-decoration: none; padding: 8px 12px 11px; color: #AAA; font-size: 14px; } #nav .sf-menu ul li { border: 1px solid #474331; margin-top: -1px; } #nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu ul li { background: #373331; color: #FFF; } #nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu ul li:hover { color: #373331; background: #FFF; } #nav .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; } #nav .sf-menu li li a { padding: 7px 10px; line-height: 1; height: auto; font-size: 12px; } #nav .sf-menu .sf-with-ul { padding-right: 15px; } #nav .sf-sub-indicator { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; } #nav .sf-menu ul .sf-sub-indicator { display: none; } #nav .quick-nav li { padding-top: 8px; } The menu displays just fine but it is supposed to be displaying dropdown.png and have a fadein effect. This setup works inside wordpress but it isn't working inside phpBB. The url for Superfish is http://users.tpg.com.au/j_birch/plugins/superfish/# for those interested in reading about it. Can anyone help me figure out what's preventing Superfish from working? Quote Link to comment Share on other sites More sharing options...
mcfmullen Posted December 1, 2010 Author Share Posted December 1, 2010 No ideas? Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.