كود:
<style type="text/css">
#menu {position:relative; margin-top:20px; left:5px; display:block; width:350px;}
#menu a, #menu a:visited {display:block; width:150px; height:30px; background:url(buttons.gif); background-position:left top; background-color:transparent; text-align:center; color:#c00; line-height:28px; text-decoration:none; font-family:arial, sans-serif; font-weight:bold; margin-top:5px;}
#menu a:hover {background-position:left center; line-height:31px; overflow:hidden; color:#800;}
#menu a#selected, #menu a#selected:hover {background-position:left bottom; line-height:30px; cursor:default; color:#000;}
</style>
كود:
<body>
<div id="menu">
<a href="http://www.arabwebtalk.com/index.php">الرئيسية</a>
<a href="http://www.arabwebtalk.com/index.php">اعمالنا</a>
<a href="" id="selected">اتصل بنا</a>
<a href="http://www.arabwebtalk.com/index.php">اهدافنا</a>
<a href="http://www.arabwebtalk.com/index.php">سجل الزوار</a>
</div>
</body>
3-- ارفع هذه الصورة لنفس مسار موقعك