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? Link to comment https://forums.phpfreaks.com/topic/220095-superfish-doesnt-work/ Share on other sites More sharing options...
mcfmullen Posted December 1, 2010 Author Share Posted December 1, 2010 No ideas? Link to comment https://forums.phpfreaks.com/topic/220095-superfish-doesnt-work/#findComment-1141611 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.