Header Bar - FREE CREDITS!

by Maximum - 10-06-2015, 07:50 PM
Active Member
Prime
Posts:
250
Joined:
Jan 2015
Likes:
22
Credits:
40
Reputation:
19
3 Years of Service
#1
OP
Posted: 10-06-2015, 07:50 PM
I need a header bar like NulledBB (Where it says Home, Help, Credits, etc. and where it has the drop-down for the user-menu)

I will pay someone all my credits if they can provide me the code/help! Thanks! :noh:
Fulltime Member
Posts:
1,134
Joined:
Apr 2015
Likes:
51
Credits:
117
Reputation:
37
2 Years of Service
#2
Posted: 10-06-2015, 07:52 PM
I will do this :noh:
Gimme a sec...
Active Member
Prime
Posts:
250
Joined:
Jan 2015
Likes:
22
Credits:
40
Reputation:
19
3 Years of Service
#3
OP
Posted: 10-06-2015, 07:56 PM
(10-06-2015, 07:52 PM)Tropical Wrote: I will do this :noh:
Gimme a sec...

Alright sounds good!
Fulltime Member
Posts:
1,134
Joined:
Apr 2015
Likes:
51
Credits:
117
Reputation:
37
2 Years of Service
#4
Posted: 10-06-2015, 07:58 PM
Not exact but follow this:

Code:
<ul class="nav_menu clearfix">
<li><a href="index.php"><i class="icon-home"></i>Home</a></li>
<li><a href="memberlist.php"><i class="icon-globe"></i>Members</a></li>
<li><a href="myawards.php"><i class="icon-trophy"></i>Awards</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?page=upgrade"><i class="icon-usd"></i>Upgrade</a></li>
<li><a href="search.php"><i class="icon-search"></i>Search</a></li>
<li><a href="misc.php?action=help"><i class="icon-question"></i>Help Docs</a></li>
<li><a href="newpoints.php"><i class="icon-circle"></i>Points</a></li>
]
Active Member
Prime
Posts:
250
Joined:
Jan 2015
Likes:
22
Credits:
40
Reputation:
19
3 Years of Service
#5
OP
Posted: 10-06-2015, 08:01 PM
(10-06-2015, 07:58 PM)Tropical Wrote: Not exact but follow this:


Code:
<ul class="nav_menu clearfix">
<li><a href="index.php"><i class="icon-home"></i>Home</a></li>
<li><a href="memberlist.php"><i class="icon-globe"></i>Members</a></li>
<li><a href="myawards.php"><i class="icon-trophy"></i>Awards</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?page=upgrade"><i class="icon-usd"></i>Upgrade</a></li>
<li><a href="search.php"><i class="icon-search"></i>Search</a></li>
<li><a href="misc.php?action=help"><i class="icon-question"></i>Help Docs</a></li>
<li><a href="newpoints.php"><i class="icon-circle"></i>Points</a></li>

Okay, could you possibly like add in CSS make it look good etc?
Fulltime Member
Posts:
1,134
Joined:
Apr 2015
Likes:
51
Credits:
117
Reputation:
37
2 Years of Service
#6
Posted: 10-06-2015, 08:03 PM
(10-06-2015, 08:01 PM)Maximum Wrote: [quote='Tropical' pid='34229' dateline='1433955503']
Not exact but follow this:



Code:
<ul class="nav_menu clearfix">
<li><a href="index.php"><i class="icon-home"></i>Home</a></li>
<li><a href="memberlist.php"><i class="icon-globe"></i>Members</a></li>
<li><a href="myawards.php"><i class="icon-trophy"></i>Awards</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?page=upgrade"><i class="icon-usd"></i>Upgrade</a></li>
<li><a href="search.php"><i class="icon-search"></i>Search</a></li>
<li><a href="misc.php?action=help"><i class="icon-question"></i>Help Docs</a></li>
<li><a href="newpoints.php"><i class="icon-circle"></i>Points</a></li>

Okay, could you possibly like add in CSS make it look good etc?

I'm following the code of a theme so let me get the CSS
Active Member
Prime
Posts:
250
Joined:
Jan 2015
Likes:
22
Credits:
40
Reputation:
19
3 Years of Service
#7
OP
Posted: 10-06-2015, 08:04 PM
(10-06-2015, 08:03 PM)Tropical Wrote:
(10-06-2015, 08:01 PM)Maximum Wrote:
(10-06-2015, 07:58 PM)Tropical Wrote: Not exact but follow this:




Code:
<ul class="nav_menu clearfix">
<li><a href="index.php"><i class="icon-home"></i>Home</a></li>
<li><a href="memberlist.php"><i class="icon-globe"></i>Members</a></li>
<li><a href="myawards.php"><i class="icon-trophy"></i>Awards</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?page=upgrade"><i class="icon-usd"></i>Upgrade</a></li>
<li><a href="search.php"><i class="icon-search"></i>Search</a></li>
<li><a href="misc.php?action=help"><i class="icon-question"></i>Help Docs</a></li>
<li><a href="newpoints.php"><i class="icon-circle"></i>Points</a></li>

Okay, could you possibly like add in CSS make it look good etc?

I'm following the code of a theme so let me get the CSS

Alright :D
Fulltime Member
Posts:
1,134
Joined:
Apr 2015
Likes:
51
Credits:
117
Reputation:
37
2 Years of Service
#8
Posted: 10-06-2015, 08:07 PM
The main header :
Code:
<div class="top_panel">

<div>

{$welcomeblock}
</div>

</div>


<div class="header">

<a href="index.php" class="logo_link">
<span class="inifinity_symbol">
<span><span></span></span>
<span><span></span></span>
</span>

<span class="logo">Gaming<span>Talks</span>
<span>Taking gaming to a chill vibe</span>
</span>
</a>

<div class="header_search">
<form method="post" action="search.php">
<input type="hidden" name="action" value="do_search"/>
<input type="hidden" name="postthread" value="1"/>
<input type="hidden" name="forums" value="all"/>
<input type="hidden" name="showresults" value="threads"/>
<input type="text" class="textbox" name="keywords" value="Search..." onfocus="if(this.value == 'Search...') { this.value=''; }" onblur="if(this.value == '') { this.value='Search...'; }" />
<button type="submit" class="login_button"><i class="icon-search"></i></button>
</form>
</div>

</div>


<div class="container">

<ul class="nav_menu clearfix">
<li><a href="index.php"><i class="icon-home"></i>Home</a></li>
<li><a href="memberlist.php"><i class="icon-globe"></i>Members</a></li>
<li><a href="myawards.php"><i class="icon-trophy"></i>Awards</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?page=upgrade"><i class="icon-usd"></i>Upgrade</a></li>
<li><a href="search.php"><i class="icon-search"></i>Search</a></li>
<li><a href="misc.php?action=help"><i class="icon-question"></i>Help Docs</a></li>
<li><a href="newpoints.php"><i class="icon-circle"></i>Points</a></li>


<li style="float:right"><a href="javascript:;"><i class="icon-anchor"></i>New content</a>

<ul class="nav_submenu">
<li><a href="{$mybb->settings['bburl']}/search.php?action=getnew"><i class="icon-eye"></i>View New Posts</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily"><i class="icon-clock-o"></i>View Today's Posts</a></li>
</ul>
</li>
</ul>


<div class="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>

The CSS:
Code:
.nav_menu {
border-radius:2px 2px 0px 0px;
padding:0;
margin:0;
list-style:none;
display:block !important;
}

.nav_menu > li {
float:left;
position:relative;
}

.nav_menu > li > a {
display:block;
color:#f5f5f5;
text-align:center;
padding:12px 11px;
border-right: 1px solid rgba(0, 0, 0, 0.200);
border-left: 1px solid rgba(255, 255, 255, 0.060);
}


.nav_menu > li > a > i {
margin-right:7px;
width:26px;
padding:5px 0px;
text-align:center;
border-radius:2px;
background-color:rgba(0, 0, 0, 0.600);
vertical-align:middle;
}

.nav_menu > li:first-child > a {
border-left:none;
}
.nav_menu > li > a:hover, .nav_menu > li > a.active {
background-color:rgba(0, 0, 0, 0.200);
}

.nav_menu > li:last-child > a {
border:none;
}

.nav_menu > li:hover .nav_submenu {
display:block;
}

.nav_submenu {
position:absolute;
list-style:none;
margin:0;
right:0;
display:none;
z-index:999;
padding:0;
border:1px solid #171717;
background-color:#191919;
}

.nav_submenu > li {
min-width:160px;
}

.nav_submenu > li > a{
display:block;

padding:9px 11px;
color:#f5f5f5;
font-size:12px;
white-space: nowrap;
}

.nav_submenu > li > a > i {
font-size:15px;
vertical-align:middle;
margin-right:8px;
display:inline-block;
}


.nav_submenu > li > a:hover {
background-color:#212121;
}

Active Member
Prime
Posts:
250
Joined:
Jan 2015
Likes:
22
Credits:
40
Reputation:
19
3 Years of Service
#9
OP
Posted: 10-06-2015, 08:17 PM
(10-06-2015, 08:07 PM)Tropical Wrote: The main header :

Code:
<div class="top_panel">

<div>

{$welcomeblock}
</div>

</div>


<div class="header">

<a href="index.php" class="logo_link">
<span class="inifinity_symbol">
<span><span></span></span>
<span><span></span></span>
</span>

<span class="logo">Gaming<span>Talks</span>
<span>Taking gaming to a chill vibe</span>
</span>
</a>

<div class="header_search">
<form method="post" action="search.php">
<input type="hidden" name="action" value="do_search"/>
<input type="hidden" name="postthread" value="1"/>
<input type="hidden" name="forums" value="all"/>
<input type="hidden" name="showresults" value="threads"/>
<input type="text" class="textbox" name="keywords" value="Search..." onfocus="if(this.value == 'Search...') { this.value=''; }" onblur="if(this.value == '') { this.value='Search...'; }" />
<button type="submit" class="login_button"><i class="icon-search"></i></button>
</form>
</div>

</div>


<div class="container">

<ul class="nav_menu clearfix">
<li><a href="index.php"><i class="icon-home"></i>Home</a></li>
<li><a href="memberlist.php"><i class="icon-globe"></i>Members</a></li>
<li><a href="myawards.php"><i class="icon-trophy"></i>Awards</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?page=upgrade"><i class="icon-usd"></i>Upgrade</a></li>
<li><a href="search.php"><i class="icon-search"></i>Search</a></li>
<li><a href="misc.php?action=help"><i class="icon-question"></i>Help Docs</a></li>
<li><a href="newpoints.php"><i class="icon-circle"></i>Points</a></li>


<li style="float:right"><a href="javascript:;"><i class="icon-anchor"></i>New content</a>

<ul class="nav_submenu">
<li><a href="{$mybb->settings['bburl']}/search.php?action=getnew"><i class="icon-eye"></i>View New Posts</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily"><i class="icon-clock-o"></i>View Today's Posts</a></li>
</ul>
</li>
</ul>


<div class="content">
{$pm_notice}
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
{$pending_joinrequests}
<navigation>

The CSS:

Code:
.nav_menu {
border-radius:2px 2px 0px 0px;
padding:0;
margin:0;
list-style:none;
display:block !important;
}

.nav_menu > li {
 float:left;
 position:relative;
}

.nav_menu > li > a {
 display:block;
 color:#f5f5f5;
 text-align:center;
 padding:12px 11px;
 border-right: 1px solid rgba(0, 0, 0, 0.200);
 border-left: 1px solid rgba(255, 255, 255, 0.060);
}


.nav_menu > li > a > i {
 margin-right:7px;
 width:26px;
 padding:5px 0px;
 text-align:center;
 border-radius:2px;
 background-color:rgba(0, 0, 0, 0.600);
 vertical-align:middle;
}

.nav_menu > li:first-child > a {
 border-left:none;
}
.nav_menu > li > a:hover, .nav_menu > li > a.active {
 background-color:rgba(0, 0, 0, 0.200);
}

.nav_menu > li:last-child > a {
 border:none;
}

.nav_menu > li:hover .nav_submenu {
 display:block;
}

.nav_submenu {
 position:absolute;
 list-style:none;
 margin:0;
 right:0;
 display:none;
 z-index:999;
 padding:0;
 border:1px solid #171717;
 background-color:#191919;
}

.nav_submenu > li {
min-width:160px;
}

.nav_submenu > li > a{
  display:block;

  padding:9px 11px;
  color:#f5f5f5;
  font-size:12px;
  white-space: nowrap;
}

.nav_submenu > li > a > i {
 font-size:15px;
 vertical-align:middle;
 margin-right:8px;
 display:inline-block;
}


.nav_submenu > li > a:hover {
 background-color:#212121;
}

Eh, kinda displays messed up.

I'll see if I can fix it somehow.
We are!
Posts:
1,044
Joined:
Jan 2015
Likes:
108
Credits:
1,954
Reputation:
25
3 Years of Service
#10
Posted: 10-06-2015, 08:18 PM
Tropical, stop ripping shit, you didn't make it.

Also OP, you really think someone is going to make you a header like that for 100 credits? hm.
The last reply on this thread is older than a month. Please do not unnecessarily bump it.
Register an account or login to reply
Create an account
Create a free account today and start posting right away. It only takes a few seconds.
Login
Log into an existing account.
1 Guest(s)