Zmiana wyglądu Panelu Użytkownika

Witam czy jest możliwość edycji nawigacji usera żeby wyglądała tak jak na ss ? 
   

header_welcomeblock_member

<ul>
<li><a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}"><div class="avatarTopdef"><div class="avatarTop"><img src="{$mybb->user['avatar']}" alt="" /></div></div></a></li>
<li id="loginButton">
               <a href="#" id="loginButton"><span>{$mybb->user['username']}&nbsp;<img src="http://cs-gamers.cba.pl/images/carbon/header_dropdown.png"></span> <i class="icon-sort-down"></i></a>
               <div style="clear:both"></div>
               <div id="loginBox">                
                   <div id="loginForm">
<a href="#">
<div class="avatarTopdef2"><div class="avatarTop2"><img src="{$mybb->user['avatar']}" alt="" /></div></div>
</a>
<div class="menu-panel_form">
<ul>
<li><a href="{$mybb->settings['bburl']}/member.php?action=profile&uid={$mybb->user['uid']}">Mój profil</a></li>
<li><a href="private.php">Komunikator</a></li>
<li><a href="usercp.php?action=profile">Edytuj profil</a></li>
<li><a href="usercp.php?action=avatar">Edytuj avatar</a></li>
<li><a href="usercp.php?action=editsig">Edytuj sygnature</a></li>
</ul>
</div>
                   </div>
               </div>

{$admincplink}{$modcplink}
<li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}">{$lang->welcome_logout}</a></li>

</ul>

Tak. Jest, jeśli posiadasz wiedzę jak działa CSS i HTML (przynajmniej podstawowa). Po gotowca zapraszam do działu giełda.

A podpowiesz może trochę jak mam to zrobić ?

HTML masz już gotowy, teraz kwestia jak to ostylujesz w css.
Tutaj masz przykład bazowany na kawałku twojego kodu: https://jsfiddle.net/Divosky/7yw0bc25/