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

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

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

مثال بالصور

هذه الأزرار

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

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

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

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

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

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

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

الكود:: .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;
}

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

الكود:: .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 لتحريك أزرار التصفح عند مرور الماوس 2138970173

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

شكرا لك موضوع مميز

العفو

السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي

صباحك // مساؤك .. أمواج فرح لا تجف ,,
تحية محملة بباقة ورد جورية ,,,
أهديك أياها
يعطيك العافيه طرح رائع وانت دائما رائع في طرحك .
أنتظر جديدك بكل الشوق والود ,,,
تقبلي مروري المتواضع

» كود جعل الرابط مائل عند مرور الماوس يعمل على جميع النسخ