كود 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

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

» كود css لتغيير شكل الماوس بالمنتدى
» كود وضع ايطار للصورة الشخصية عند مرور الماوس عليها
» كود تصغير جميع الصور والروبط عند مرور الماوس عليها
» كود جعل الرابط مائل عند مرور الماوس يعمل على جميع النسخ
» كود مسميات المنتدى بشكل دائري مع تاثير عند مرور الماوس