{JAVASCRIPT}

<div id="up-nav">
 <ul>
  <li><a href="ضع الرابط هنا ">اسم الرابط</a></li>
  <li><a href="ضع الرابط هنا ">اسم الرابط</a></li>
  <li><a href="ضع الرابط هنا ">اسم الرابط</a></li>
</ul>
</div>

#up-nav{
margin: 0px auto 0px auto;
width: 100%;
background-image: url('ضع رابط الخلفية الكلية للنافبار');
background-repeat: repeat-x;
height: 20px;
}
#up-nav ul{
padding: 0px;
margin: 0px;
list-style-type: none;
}
#up-nav ul li{
float: right;
text-align: center;
}
#up-nav a{
width: 70px;
height: 20px;
display: block;
font-family: tahoma;
font-size: 10pt;
color: #FFFFFF;
text-decoration: none;
}
#up-nav a:hover{
background-color: #ضع لون الخلفية عند مرور الماوس;
color: #fff;
border-right-style: solid;
border-right-width: 2px;
border-right-color: #000000;
border-left-style: solid;
border-left-width: 2px;
border-left-color: #000000;
}