MyBB Community Forums

Full Version: how do I install a navbar on my site
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
hey guys, how do I install a navbar like the one on this site onto my site?
I don't think they will allow you to copy there custom menu but YOU WILL HAVE TO ASK THEM FOR THE PERMISSION.

if they allow you then this is the css part: go to: ACP > Templates & Style > Themes > Your Theme > Global.css: Insert the code below.

#menu {
    background: url("http://mybboard.net/assets/images/menu_bg_start.png") no-repeat scroll 0 0 transparent;
    font-family: Tahoma,'Trebuchet MS',Arial,sans-serif;
    padding-left: 41px;
    position: absolute;
    right: 0;
    top: 91px;
}
#menu ul {
    background: url("http://mybboard.net/assets/images/menu_bg.png") repeat-x scroll 0 0 #016DB0;
    height: 34px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#menu li {
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}
#menu li a {
    border-bottom: 0 none;
    color: #FFFFFF;
    display: block;
    padding: 4px 10px 3px;
    text-decoration: none;
}
#menu li a:hover {
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
}
#menu li.active a, #menu li.active a:hover {
    background: url("http://mybboard.net/assets/images/menu_bg_active.png") no-repeat scroll left top transparent;
    border-bottom: 2px solid #FFFFFF;
    color: #000000;
    padding: 4px 10px 4px 13px;
}
#menu li.active {
    background: url("http://mybboard.net/assets/images/menu_bg_active2.png") no-repeat scroll right top transparent;
    bottom: -1px;
    padding-right: 4px;
    position: relative;
}

Then go to: ACP > Templates & Style > Template > Your Template > Header: Insert the code below.:

<ul class="menu">
							<li><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a></li>
                                                        <li><a href="{$mybb->settings['bburl']}/games.php" class="memberlist">{$lang->toplinks_memberlist}</a></list>
                                                        <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>

Change that code above to your needs and you have a menu like them but you will breaking the copyright law so ASK THEM.

otherwise, you can change that css and create your own menu Smile
(2011-05-21, 01:22 PM)XxSky DreamerxX Wrote: [ -> ]I don't think they will allow you to copy there custom menu but YOU WILL HAVE TO ASK THEM FOR THE PERMISSION.

if they allow you then this is the css part: go to: ACP > Templates & Style > Themes > Your Theme > Global.css: Insert the code below.

#menu {
    background: url("http://mybboard.net/assets/images/menu_bg_start.png") no-repeat scroll 0 0 transparent;
    font-family: Tahoma,'Trebuchet MS',Arial,sans-serif;
    padding-left: 41px;
    position: absolute;
    right: 0;
    top: 91px;
}
#menu ul {
    background: url("http://mybboard.net/assets/images/menu_bg.png") repeat-x scroll 0 0 #016DB0;
    height: 34px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#menu li {
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}
#menu li a {
    border-bottom: 0 none;
    color: #FFFFFF;
    display: block;
    padding: 4px 10px 3px;
    text-decoration: none;
}
#menu li a:hover {
    border-bottom: 2px solid #FFFFFF;
    color: #FFFFFF;
}
#menu li.active a, #menu li.active a:hover {
    background: url("http://mybboard.net/assets/images/menu_bg_active.png") no-repeat scroll left top transparent;
    border-bottom: 2px solid #FFFFFF;
    color: #000000;
    padding: 4px 10px 4px 13px;
}
#menu li.active {
    background: url("http://mybboard.net/assets/images/menu_bg_active2.png") no-repeat scroll right top transparent;
    bottom: -1px;
    padding-right: 4px;
    position: relative;
}

Then go to: ACP > Templates & Style > Template > Your Template > Header: Insert the code below.:

<ul class="menu">
							<li><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a></li>
                                                        <li><a href="{$mybb->settings['bburl']}/games.php" class="memberlist">{$lang->toplinks_memberlist}</a></list>
                                                        <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>

Change that code above to your needs and you have a menu like them but you will breaking the copyright law so ASK THEM.

otherwise, you can change that css and create your own menu Smile

thanks so much dude!^ ^
No Problem. Glad to help Smile