كود:
<style type="text/css">
.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #FFF2BF;
text-align: center; /*يمكنك التحكم فى اتجاه القائمة سواء يمين او وسط او يسار من هنا*/
}
.bevelmenu li{
list-style: none;
display: inline;
}
.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}
.bevelmenu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}
html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
</style>
بالطبع بالتعديل عليه الى ما يناسبك
كود:
<ul class="bevelmenu">
<li><a href="http://www.arabwebtalk.com/index.php">الويب العربى</a></li>
<li><a href="http://www.arabwebtalk.com/index.php">الصفحة الرئيسية </a></li>
<li><a href="http://www.arabwebtalk.com/forumdisplay.php?f=88"> الحراج الالكترونى</a></li>
<li><a href="http://www.arabwebtalk.com/forumdisplay.php?f=12"> مزاد المواقع</a></li>
<li><a href="http://www.arabwebtalk.com/forumdisplay.php?f=15">التجارة الإلكترونية</a></li>
</ul>