كود css لتحريك أزرار التصفح عند مرور الماوس

كود يقوم بتحريك أزرار التصفح عند مرور الماوس

يعمل على جميع النسخ

مثال بالصور

هذه الأزرار

 

http://i37.servimg.com/u/f37/14/97/99/24/111.png


وعند مرور الماوس على أحدها
يتحرك هكذا

 

http://i37.servimg.com/u/f37/14/97/99/24/112.png

 

http://i37.servimg.com/u/f37/14/97/99/24/211.png

 

طريقة الوضع : -

الكود يوضع بورقة الــــcss

لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم الـcss
 

http://i37.servimg.com/u/f37/14/97/99/24/css10.png

 

الكود للأعلى

 

 

.mainmenu { display:inline-block; height:37px; overflow:hidden; vertical-align: top; /* для корректного отображения в старых браузерах */ display:-moz-inline-stack; zoom:1; *display:inline; _overflow:hidden; } a.mainmenu img { margin-top:0px; } a.mainmenu img:hover{ margin-top:-37px; }

 

كود تحيرك لآسفل

 

.mainmenu { display:inline-block; height:37px; overflow:hidden; vertical-align: top; /* для корректного отображения в старых браузерах */ display:-moz-inline-stack; zoom:1; *display:inline; _overflow:hidden; } a.mainmenu img { margin-top:0px; } a.mainmenu img:hover{ margin-top: 37px; }

 

لتقليل المسافة التى يتحركها الزر
يمكنك التعديل على الرقم اللى بالكود
وهو 37
وأجعله ما تريد

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

مدونة احلى منتدى 

http://ahlamontadaa.blogspot.com/