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

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

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

مثال بالصور

هذه الأزرار

https://i.servimg.com/u/f37/14/97/99/24/111.png

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

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

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

https://i.servimg.com/u/f37/14/97/99/24/112.png

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

https://i.servimg.com/u/f37/14/97/99/24/211.png

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

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

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

https://i.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
وأجعله ما تريد

ارجوا ان اكون افدتكم
انتهي الموضوع

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

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

تم الشرح عن طريقى
francaaa

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