عالم التقنية

عالم التقنية

افلام عربي | افلام اجنبي | اغاني | شعبي | كليبات |مسلسلات | افلام تاريخية | افلام انمي وكرتون | قضايا ساخنة | برامج
 
الرئيسيةاليوميةمكتبة الصورمركز التحميلس .و .جبحـثالتسجيلدخول

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
الادارة
الادارة
avatar

عادى الجنسية : مصر
عدد المساهمات : 362
تاريخ التسجيل : 24/06/2011
العمر : 26

مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس   السبت 10 ديسمبر - 15:40

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

هذه الأزرار

https://i.servimg.com/u/f37/14/97/99/24/111.png
وعند مرور الماوس على أحدها
يتحرك هكذا

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

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 لتحريك أزرار التصفح عند مرور الماوس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
عالم التقنية  :: دعم المنتديات :: الأكواد الإنسيابية CSS-
انتقل الى:  
Site Language