2012-03-30, 09:24 PM
I installed a drop down bar successfully. Now when I click on an open area on my forum it redirects to a page in drop down bar. Any suggestions?
Header/Navigation Template:
Header/Navigation Template:
<!--Navbar-->
<div class="menu">
<div class="menu_inside">
<ul class="menu">
<li><a href="{$mybb->settings['bburl']}/index.php">Home</a></li>
<li><a href="{$mybb->settings['bburl']}/forum.php">Forums</a></li>
<li><a href="{$mybb->settings['bburl']}/donate.php">Premium</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php">Extra Links</a>
<ul>
<li> <a href="">Site Rules</ a> </ li>
<li> <a href="{$mybb->settings['bburl']}/misc.php?page=staff">Site Ranks</ a> </ li>
<li> <a href="{$mybb->settings['bburl']}/misc.php?page=staff">Site Staff</ a> </ li>
</ ul>
</ li>
</ul>
</div>
</div>
</div>
<!--Navbar-->
Global.css:ul.menu ul {
background:#424242 url(images/tl-d/navbar_dropdown_bg.png);
background-repeat: repeat-x;
background-position:top center;
color:#FFFFFF;
border:1px solid #000000;
z-index:200;
visibility: hidden;
position: absolute;
top: 100%;
height:auto;
padding:10px;
margin:0;
width:150px;
border-radius:2px;
border-top:0;
}
ul.menu ul li {
background-image: none;
display:block;
float:none;
margin:0px;
padding:1px 0px;
border-bottom: 1px solid #191919;
}
ul.menu ul li a {
display:block;
font-weight: 400;
font-size:11px;
height: 22px;
line-height: 22px;
border-bottom:none;
background-image: none;
text-shadow:0px 0px 0px;
font-style:normal;
margin:0px;
padding: 4px 3px;
text-align:left;
}
ul.menu ul li a:hover {
background:#0c0c0c url(images/tl-d/navbar_dropdown_bg.png);
background-repeat:repeat-x;
background-position:center center;
}
ul.menu ul li a:active {
background:none;
color:#ffffff;
text-decoration:none;
}