Add this code to Admin CP &rarr Themes → Edit Theme Layout, above the <!-- HEADER --> tag:

Code: HTML

 

<div class="nav_tabs">
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>

Change the text "Link 1" to the text you want to appear for that link. Change the # for each link to the URL.

Add this code to the Theme Appearance:

Code:

 

.nav_tabs {
padding: 0 50px 0 0;
margin: 0 0 -14px 0;
text-align: right;
}

.nav_tabs ul {
list-style-type: none;
}

.nav_tabs ul li {
text-align: center;
display: inline-block;
border: 1px solid #3A5197;
border-bottom: none;
background: #445A9E;
margin: 10px 0px 0 0px;
width: 100px;
height: 25px;
}

.nav_tabs ul li:hover {
padding-top: 10px;
margin: 0px 0 0 0;
}

.nav_tabs ul li a {
position: relative:
z-index: 5;
display: inline-block;
padding: 5px 10px 5px 10px;
}