Inne Nowe menu, jak je zrobić?

wersja skryptu MyBB: 1.8.3
adres forum: www.cs-sonic.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Prosze o pomoc w dodaniu takiego menu (pokazane na ss)
pod logiem

Podaj to co udało Ci się do tej pory stworzyć, a na gotowce nie masz co liczyć.

Nie chodzi mi stworzenie tylko jak to pod logo wsadzić

Na razie to co masz na forum, to jest OK, tylko oddaj CSSa jeszcze do tego. A później musisz troszkę pogrzebać w szablonie header (?).

No ja juz nie wiem prubowałem ale mi nie wychodzi

To jest moj css

.menu_top  {
    color: #9A9A9A;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0px 1px 5px #1B1718 inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.02), 0px 1px 0px rgba(255, 255, 255, 0.05);
    display: block;
    outline: medium none;
    padding: 0px 15px;
    line-height: 34px;
    height: 34px;
    position: relative;
    font-weight: bold;
    transition: all 0.3s ease 0s;
}

.menu_top {
    float: right;
    margin-top: 20px;
}

.menu_top {
    list-style: outside none none;
    display: inline-block;
    margin: 0px 4px 0px 0px;
} 


a TEN KOD UMIESCILEM W header

<div style="height:156px;">
               <ul  class="menu_top"> 
<a<li><a href="/index.php" class="brand buzz-out"><img src="https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/go-home-16.png"> STRONA GŁÓWNA</a></li></a>
<a<li><a href="/memberlist.php" class="brand buzz-out"><img src="https://cdn2.iconfinder.com/data/icons/flat-seo-web-ikooni/128/flat_seo-32-16.png"> UŻYTKOWNICY</a></li></a>
<a<li><a href="brak" class="brand buzz-out"><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"> AMXBANS 1</a></li></a>
<a<li><a href="brak" class="brand buzz-out"><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"> AMXBANS 2</a></li></a>
<a<li><a href="/sklep/" class="brand buzz-out"><img src="https://cdn3.iconfinder.com/data/icons/faticons/32/shop-01-16.png"> SKLEP</a></li></a></ul>
                
                </div>
                </div> 


A na ss pokazane jak mi to wychodzi robilem tylko na probe po przez zbadaj element

Kod w headerze:

<ul class="menu_top">
    <a href="../index.php" class="brand buzz-out"><li><img src="https://cdn3.iconfinder.com/data/icons/tango-icon-library/48/go-home-16.png"> STRONA GŁÓWNA</li></a>
    <a href="../memberlist.php" class="brand buzz-out"><li><img src="https://cdn2.iconfinder.com/data/icons/flat-seo-web-ikooni/128/flat_seo-32-16.png"> UŻYTKOWNICY</li></a>
    <a href="#" class="brand buzz-out"><li><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"> AMXBANS 1</li></a>
    <a href="#" class="brand buzz-out"><li><img src="https://cdn0.iconfinder.com/data/icons/small-n-flat/24/678075-sign-ban-16.png"> AMXBANS 2</li></a>
    <a href="../sklep/" class="brand buzz-out"><li><img src="https://cdn3.iconfinder.com/data/icons/faticons/32/shop-01-16.png"> SKLEP</li></a>
</ul>

Troszkę poprawiony kod CSS:

.menu_top  {
    color: #9A9A9A;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: 0px 1px 5px #1B1718 inset, 0px 0px 0px 1px rgba(255, 255, 255, 0.02), 0px 1px 0px rgba(255, 255, 255, 0.05);
    display: block;
    outline: medium none;
    padding: 0px 15px;
    line-height: 34px;
    height: 34px;
    position: relative;
    font-weight: bold;
    transition: all 0.3s ease 0s;
}

.menu_top {
    float: left;
    margin-top: 20px;
}

.menu_top {
    list-style: none;
    display: inline-block;
    margin: 0 4px 0 0;
}

teraz to jest taki efekt

---

dobra juz sobie poradzilem z tym