2014-11-10, 11:15 AM
Hi, i have searched the last 8 pages in general and couldn't find the answer so hopefully someone can help me by explaining what to edit and replace? Its totally different in the default theme that we install.
<div id="logo">
<div class="wrapper">
{$quicksearch}
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<input name="keywords" type="text" class="textbox"/>
<input value="Search" type="submit" class="button" />
<input name="keywords" type="text" class="textbox" placeholder="Search..." />
<input value="" type="submit" class="button" />
#search {
border: 0;
padding: 0;
margin: 0;
float: right;
vertical-align: middle;
}
#search input.button,
#search input.textbox {
border-color: #000;
}
#search input.button {
background: #0066a2 url(images/thead.png) top left repeat-x;
color: #fff;
}
#search input {
margin: -3px 0;
}
#search {
border: 0;
padding: 0;
margin: 0;
float: right;
vertical-align: middle;
}
#search input.textbox {
border-color: #A5A5A5;
margin: -3px 0;
border-radius: 3px;
width: 200px;
line-height: 20px;
}
#search input.button {
background: url(images/headerlinks_sprite.png) 0px 0px no-repeat;
border: 0;
height: 16px;
margin-left: -25px;
}
#search input {
margin: -3px 0;
}
<div id="logo">
<div class="wrapper">
{$quicksearch}
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<div id="topmenu">
<ul>
<li><a href="YOUR CUSTOM LINK" title="Home">Home</a></li>
<li><a href="YOUR CUSTOM LINK" title="Downloads">Downloads</a></li>
<li><a href="YOUR CUSTOM LINK" title="Awards">Awards</a></li>
<li><a href="YOUR CUSTOM LINK" title="Blog">Blog</a></li>
</ul>
</div>
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
{$quicksearch}
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<nav id="topmenu">
<ul>
<li><a href="YOUR CUSTOM LINK" title="Home">Home</a></li>
<li><a href="YOUR CUSTOM LINK" title="Downloads">Downloads</a></li>
<li><a href="YOUR CUSTOM LINK" title="Awards">Awards</a></li>
<li><a href="YOUR CUSTOM LINK" title="Blog">Blog</a></li>
</ul>
</nav>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
<ul class="menu top_links" style="float: right;">
{$menu_portal}
{$menu_calendar}
{$menu_memberlist}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
{$welcomeblock}
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
<!-- </div> in header_welcomeblock_member and header_welcomeblock_guest -->
</div>
</div>
<div id="content">
<div class="wrapper">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}{$myprofile_alertbar}
{$pending_joinrequests}
{$awaitingusers}<br />
{myadvertisements[zone_1]}<br />
<navigation>
<br />
(2014-11-07, 04:13 PM)mmadhankumar Wrote: [ -> ]You need to edit the css for all the menu links in global.css.... currently it would be pointing to #logo you might need to change that to #panel .upper
change every occurance of this...
#logo ul.top_links a.XXXX { //css codes// }
to this....
#panel .upper ul.top_links a.XXX { //css codes// }
#topmenu {
margin-bottom: -14px;
position: relative;
font-size: 15px;
text-align: right;
}
#topmenu ul {
list-style: none;
margin: 0;
padding: 0;
}
#topmenu ul li {
display: inline-block;
margin: 0 1px;
}
#topmenu ul li a {
padding: 5px 10px 5px;
display: block;
text-decoration: none;
border-bottom: 4px solid #3a3a3a;
}
#topmenu ul li a:hover {
border-bottom: 4px solid #ff7500;
color: #ff7500;
}
#search {
border: 0;
padding: 0;
margin: 0;
float: right;
vertical-align: middle;
}
#search input.button,
#search input.textbox {
border-color: #000;
}
#search input.button {
background: #0066a2 url(images/thead.png) top left repeat-x;
color: #fff;
}
#search input {
margin: -3px 0;
}
#search {
border: 0;
padding: 0;
margin: 0;
float: right;
vertical-align: middle;
}
#search input.textbox {
border-color: #A5A5A5;
margin: -3px 0;
border-radius: 3px;
width: 200px;
line-height: 20px;
}
#search input.button {
background: url(images/headerlinks_sprite.png) 0px 0px no-repeat;
border: 0;
height: 16px;
margin-left: -25px;
}
#logo ul.top_links {
font-weight: bold;
text-align: right;
margin: -10px 5px 0 0;
}
#logo ul.top_links a.search {
background-position: 0 0;
}
#logo ul.top_links a.memberlist {
background-position: 0 -20px;
}
#logo ul.top_links a.calendar {
background-position: 0 -40px;
}
#logo ul.top_links a.help {
background-position: 0 -60px;
}
#logo ul.top_links a.portal {
background-position: 0 -180px;
}
#panel .upper ul.top_links {
font-weight: bold;
text-align: right;
margin: 0px 5px -20px 0;
}
#panel .upper ul.top_links a.search {
background-position: 0 0;
}
#panel .upper ul.top_links a.memberlist {
background-position: 0 -20px;
}
#panel .upper ul.top_links a.calendar {
background-position: 0 -40px;
}
#panel .upper ul.top_links a.help {
background-position: 0 -60px;
}
#panel .upper ul.top_links a.portal {
background-position: 0 -180px;
}
#topmenu {
margin-bottom: -14px;
position: relative;
font-size: 15px;
text-align: right;
}
#topmenu ul {
list-style: none;
margin: 0;
padding: 0;
}
#topmenu ul li {
display: inline-block;
margin: 0 1px;
}
#topmenu ul li a {
padding: 5px 10px 5px;
display: block;
text-decoration: none;
border-bottom: 4px solid #3a3a3a;
}
#topmenu ul li a:hover {
border-bottom: 4px solid #ff7500;
color: #ff7500;
}