How to put login and register in header

I haven't been able toputthebutton asthe images below


logged in userstays that way

 

you demo online ?

 

still on localhost the idea is so. https://brivium.com/forums/

 

the tab navigation which is only put to head, you can find TUT in forum.

 

Mã:

<ul class="visitorTabs navTabs">
                <li class="navTab login"><a href="login/" class="concealed noOutline navLink">Log in</a></li>
                <li class="navTab signup"><a href="register/" class="concealed noOutline  navLink"><span class="signUp">Sign up</span></a></li>
            </ul>

and navigation or css

 

where doI put this code

HTML:

<xen:edithint template="header.css" />

<xen:hook name="header">
<div id="header" class="sticky">
<div class="headerWidth">
    <div class="accountBlock">
        <xen:if is="{$visitor.user_id}"><xen:include template="navigation_visitor_tab" /></xen:if>
    </div>
  
    <xen:include template="logo_block" />
    <xen:if is="{$canSearch}"><xen:include template="search_bar" /></xen:if>
    <xen:include template="navigation" />

</div>
</div>
</xen:hook>

 

Demo your page