That Buttons here (Index, search, help)

Avatar

By vi0 28 June 2014 14:59

Member · 86 comments

I wish to use them too because they look really good. But I cant find them?!
The Blue color here, too. Please. 🙂

Avatar

By Yannick 28 June 2014 16:09

Administrator · 1,456 comments

This is the code that handles these buttons:

.btn-forum {
    background-color: rgba(255,255,255,.7) !important;
    color: #14a3ff !important;
    font-size: 17px !important;
    font-family: "Segoe UI";
    border: none;
    border-radius: 0;
    text-transform: lowercase;
}

.btn-forum:hover {
    background-color: rgba(255,255,255,.85) !important;
    box-shadow: none;
}

.active.btn-forum {
    background-color: #fff !important;
    box-shadow: none;
}

You can do anything

Avatar

By vi0 28 June 2014 16:57

Member · 86 comments

And I must copy this into...?

Avatar

By Yannick 28 June 2014 17:04

Administrator · 1,456 comments

The CSS file. And put a .btn-forum class to the button you want to have acting like the button as they are in the jumbotron here.


You can do anything

Avatar

By vi0 28 June 2014 17:38

Member · 86 comments
Yannick wrote

And put a .btn-forum class to the button you want to have acting like the button as they are in the jumbotron here.

Uhm, sorry, but I dont understand you. 😕
In which php file?

Avatar

By Yannick 28 June 2014 17:39

Administrator · 1,456 comments

Depends on what you want to apply it too.


You can do anything

Avatar

By vi0 28 June 2014 18:03

Member · 86 comments

On the same position like you did it here

Avatar

By Yannick 28 June 2014 23:04

Administrator · 1,456 comments

Well, I modified the header.php file to show  the ModernBB.be navbar and removed the default ModernBB navbar and replaced it with a button group, inside a jumbotron. This also requires the options "Show board title in header" and "Show board description in header" to be disabled. I'll put the PHP code online later.


You can do anything

Avatar

By vi0 29 June 2014 13:44

Member · 86 comments

That would be great. I think the buttons looks great for next versions too.

Avatar

By Yannick 29 June 2014 15:28

Administrator · 1,456 comments

I don't realy have a place for them anywhere in future versions of ModernBB. The thing they are used for here doesn't exist in ModernBB. We don't have a secundary navbar in the software.


You can do anything

Avatar

By vi0 29 June 2014 16:29

Member · 86 comments

I see. Did u have the php code for me? 🙂

Avatar

By Yannick 29 June 2014 17:14

Administrator · 1,456 comments

This is the code that handles the full header on this forum:

// START SUBST - <luna_navlinks>
$links = array();

// Index should always be displayed
if ($luna_config['o_show_index'] == '1')
	$links[] = '<a href="index.php" class="btn btn-primary btn-forum'.((FORUM_ACTIVE_PAGE == 'index') ? ' active' : '').'" id="navindex">'.$lang['Index'].'</a>';

if ($luna_user['g_read_board'] == '1' && $luna_user['g_view_users'] == '1' && $luna_config['o_show_userlist'] == '1')
	$links[] = '<a href="userlist.php" class="btn btn-primary btn-forum'.((FORUM_ACTIVE_PAGE == 'userlist') ? ' active' : '').'" id="navuserlist">'.$lang['User list'].'</a>';

if ($luna_config['o_rules'] == '1' && (!$luna_user['is_guest'] || $luna_user['g_read_board'] == '1' || $luna_config['o_regs_allow'] == '1') && $luna_config['o_show_rules'] == '1')
	$links[] = '<a href="misc.php?action=rules" class="btn btn-primary btn-forum" id="navrules"'.((FORUM_ACTIVE_PAGE == 'rules') ? ' class="active"' : '').'>'.$lang['Rules'].'</a>';

if ($luna_user['g_read_board'] == '1' && $luna_user['g_search'] == '1' && $luna_config['o_show_search'] == '1')
	$links[] = '<a href="search.php" class="btn btn-primary btn-forum'.((FORUM_ACTIVE_PAGE == 'search') ? ' active' : '').'" id="navsearch">'.$lang['Search'].'</a>';

if ($luna_user['is_admmod'])
	$links[] = '<a href="backstage/index.php" class="btn btn-primary btn-forum" id="navadmin">'.$lang['Backstage'].'</a>';

if (!$luna_user['is_guest']) {
    $links[] = '<a href="help.php" class="btn btn-primary btn-forum'.((FORUM_ACTIVE_PAGE == 'help') ? ' active' : '').'"><span class="glyphicon glyphicon-info-sign"></span></a>';
    $links[] = '<a href="profile.php?id='.$luna_user['id'].'" class="btn btn-primary btn-forum'.((FORUM_ACTIVE_PAGE == 'profile') ? ' active' : '').'"><span class="glyphicon glyphicon-user"></span></a>';
    $links[] = '<a href="login.php?action=out&amp;id='.$luna_user['id'].'&amp;csrf_token='.luna_hash($luna_user['id'].luna_hash(get_remote_address())).'" class="btn btn-primary btn-forum"><span class="glyphicon glyphicon-share"></span></a>';
}

// Are there any additional navlinks we should insert into the array before imploding it?
if ($luna_user['g_read_board'] == '1' && $luna_config['o_additional_navlinks'] != '')
{
	if (preg_match_all('%([0-9]+)\s*=\s*(.*?)\n%s', $luna_config['o_additional_navlinks']."\n", $extra_links))
	{
		// Insert any additional links into the $links array (at the correct index)
		$num_links = count($extra_links[1]);
		for ($i = 0; $i < $num_links; ++$i)
			array_splice($links, $extra_links[1][$i], 0, array('<li id="navextra'.($i + 1).'">'.$extra_links[2][$i].'</li>'));
	}
}

// Generate avatar
$user_avatar = generate_avatar_markup($luna_user['id']);

$tpl_temp = '
		<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="../index.php">ModernBB</a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav navbar-right">
						<li><a href="../index.php">Meet</a></li>
						<li><a href="../download.php">Download</a></li>
						<li class="active"><a href="http://modernbb.be/forum/">Forum</a></li>
						<li><a href="../docs/">Docs</a></li>
						<li><a href="http://modernbb.be/blog/">Blog</a></li>
						<li><a href="../about.php">About</a></li>
						<li class="hidden-xs"><a href="http://github.com/ModernBB"><span class="fa fa-github"></span></a></li>
						<li class="hidden-xs"><a href="http://twitter.com/ModernBB"><span class="fa fa-twitter"></span></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="jumbotron pageheader">
			<div class="container">
				<h1>Forum <div class="btn-toolbar pull-right">'.implode($links).'</div></h1>
			</div>
		</div>
';
$tpl_main = str_replace('<luna_navlinks>', $tpl_temp, $tpl_main);
// END SUBST - <luna_navlinks>

You have to replace everything between the

<Luna_navlinks>

tag as writen in the comments of the above code.


You can do anything

Avatar

By vi0 29 June 2014 18:03

Member · 86 comments

Great! Thank you! 🙂

Avatar

By vi0 29 June 2014 18:17

Member · 86 comments

It seems that I did something wrong...

11gt6cp.jpg

May you found my mistake. 😕

Full header.php: http://pastebin.de/128491

Avatar

By Yannick 29 June 2014 19:51

Administrator · 1,456 comments

Well yes, that code didn't include the design for the jumbotron it is located in. Also, we disabled the the Board title and Board description in the header here.


You can do anything

Avatar

By vi0 30 June 2014 07:44

Member · 86 comments

I think I dont get it... may I should get back to the original...

Avatar

By vi0 2 July 2014 15:25

Member · 86 comments

Yannick, I swear I dont will going on your nerves (this week ;P) anymore, if you help me.
I stuck again and again!.

wkhgck.jpg
Big Version: http://i59.tinypic.com/wkhgck.jpg

My CSS for the random style http://nopaste.info/16a03aa285.html
My header.php http://nopaste.info/2bfc2dd9ae.html

Please help me again! 🙂

Avatar

By Yannick 2 July 2014 16:43

Administrator · 1,456 comments

You haven't set a padding-top to overcome the navbars height (50px) on the body. Further more, still no background for the jumbotron it seems.


You can do anything

Avatar

By vi0 2 July 2014 17:32

Member · 86 comments

How can I make it?

Avatar

By Yannick 4 July 2014 10:35

Administrator · 1,456 comments
body { padding-top: 50px; }
.jumbotron { background: #<colorcode>; }

You can do anything

Avatar

By vi0 4 July 2014 19:27

Member · 86 comments

You are the master! Thank you so much, it works!

Avatar

By I-Mixail 5 July 2014 16:05

Member · 66 comments

How to use Russian characters? It shows krakozâbly.


I am very bad know English....

Avatar

By Yannick 5 July 2014 21:14

Administrator · 1,456 comments
I-Mixail wrote

How to use Russian characters? It shows krakozâbly.

Please create a new topic for non related issues.


You can do anything