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

من طرف francaaa 14/1/2011, 6:54 pm

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

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

مثال بالصور

هذه الأزرار

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

Hitskin.com

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

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