how to get same panel as above in which calendar and everything else is included ....... because in mybb installed forum, calendar and rest of the things is coming above it and i want to include in this panel only
Take a look at the following template:
Header Templates > header
...
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
...
You can add a new item using the following:
<li><a href="{$mybb->settings['bburl']}/page">Item</a></li>
(2015-10-13, 10:48 PM)SentoWeb Wrote: [ -> ]Take a look at the following template:
Header Templates > header
...
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
...
You can add a new item using the following:
<li><a href="{$mybb->settings['bburl']}/page">Item</a></li>
[
attachment=35366]
i want like this in black panel but calnedar and portal etc is coming above it as in bydefault and pls tell me the css also
Please include a link to your site, the templates vary from theme to theme.
Header templates > header
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
<ul class="menu top_links" style="float: right">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<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}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />
global.css
Replace:
#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;
}
With:
ul.top_links {
font-weight: bold;
text-align: right;
margin: -10px 5px 0 0;
}
ul.top_links a.search {
background-position: 0 0;
}
ul.top_links a.memberlist {
background-position: 0 -20px;
}
ul.top_links a.calendar {
background-position: 0 -40px;
}
ul.top_links a.help {
background-position: 0 -60px;
}
ul.top_links a.portal {
background-position: 0 -180px;
}
(2015-10-14, 11:12 AM)SentoWeb Wrote: [ -> ]Header templates > header
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
</div>
</div>
<div id="panel">
<div class="upper">
<div class="wrapper">
<ul class="menu top_links" style="float: right">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<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}
{$pending_joinrequests}
{$awaitingusers}
<navigation>
<br />
global.css
Replace:
#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;
}
With:
ul.top_links {
font-weight: bold;
text-align: right;
margin: -10px 5px 0 0;
}
ul.top_links a.search {
background-position: 0 0;
}
ul.top_links a.memberlist {
background-position: 0 -20px;
}
ul.top_links a.calendar {
background-position: 0 -40px;
}
ul.top_links a.help {
background-position: 0 -60px;
}
ul.top_links a.portal {
background-position: 0 -180px;
}
thanks it worked thanks alot bro....... but see this image every link has search sign with it
..... sory toh bother u again
You will have to edit global.css to fix that. Make sure to replace the CSS with the code that I provided in the previous post.
(2015-10-14, 11:19 AM)SentoWeb Wrote: [ -> ]You will have to edit global.css to fix that. Make sure to replace the CSS with the code that I provided in the previous post.
i already did that thats how it moved to right but every link has search sign y
(2015-10-14, 11:21 AM)ishank Wrote: [ -> ] (2015-10-14, 11:19 AM)SentoWeb Wrote: [ -> ]You will have to edit global.css to fix that. Make sure to replace the CSS with the code that I provided in the previous post.
i already did that thats how it moved to right but every link has search sign y
did it bro ...just added upper in to the below code
#header .upper ul.menu li a {
padding-left: 20px;
background-image: url(images/headerlinks_sprite.png);
background-repeat: no-repeat;
display: inline-block;
line-height: 16px;
}
Glad to help. If you want to use the quikcsearch just include this bit:
{$quicksearch}
You will probably want to add some css to header_quicksearch (position; relative; top: -20px; ) to position it correctly.