try this in a sepearte page
add this style in your head part
<style type="text/css">
.admin_menu
{
font: bold 15px Arial, Helvetica, sans-serif;
text-align: left;
background-color: #0089f2;
color: #FFFFFF;
}
.admin_menu a
{
color: #000000;
text-decoration: none;
}
.admin_menu a:hover
{
color: Red;
}
</style>
add this in body part
<table class="admin_menu" width="100%" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="2%" height="36" align="center" valign="middle">
</td>
<td width="7%" align="center" valign="middle" id="branch">
<a href="#">Home</a>
</td>
<td width="8%" align="center" valign="middle" id="employees">
<a href="#">About us</a>
</td>
<td width="11%" align="center" valign="middle" id="factories">
<a href="#">Photo gallery</a>
</td>
<td width="7%" align="center" valign="middle" id="customers">
<a href="#">Videos</a>
</td>
<td width="5%" align="center" valign="middle" id="users">
<a href="#">Blogs</a>
</td>
<td width="7%" align="center" valign="middle" id="vehicles">
<a href="#">Forums</a>
</td>
<td width="11%" align="left" valign="middle" id="sales">
<a href="#">Contact us</a>
</td>
<td width="7%" align="center" valign="middle" id="products">
</td>
<td width="19%" align="left" valign="middle">
</td>
</tr>
</table>