MyBB Community Forums

I need help to create a navigation bar similar to the one present in mybb forum. Is it just copy the code in the header template? or need CSS and java edits? Please if tutorial is available or code to copy.

A similar example 

HTML :

<nav class="main-menu">
<ul class="topmenu">
<li><a href="/" class="home">Home</a></li>
<li><a href="/portal.php" class="portal">Portal</a></li>
<li><a href="/search.php" class="search">Search</a></li>
<li><a href="/memberlist.php" class="memberlist">Member List</a></li>
<li><a href="/calendar.php" class="calendar">Calendar</a></li>
</ul></nav>

CSS :

.main-menu {
background: #393d3f;
font: 16px/26px "Open Sans",sans-serif;
display: flex;
flex-direction: row;
height: 75px;
width: 100%;
}
.topmenu{height: 100%;
list-style: none;
margin: 0;
padding: 0;
display: flex;}
.topmenu li{padding: 24px;}
.topmenu li a{text-decoration: none;
color: #fff;}
.topmenu li:hover{background: #5559;}