عالم التقنية
كود css لتحريك أزرار التصفح عند مرور الماوس Six70210
عالم التقنية
كود css لتحريك أزرار التصفح عند مرور الماوس Six70210
عالم التقنية
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

عالم التقنية

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

 

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

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


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

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

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

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

https://i.servimg.com/u/f37/14/97/99/24/111.png
وعند مرور الماوس على أحدها
يتحرك هكذا
كود 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
كود css لتحريك أزرار التصفح عند مرور الماوس Css10

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 لتحريك أزرار التصفح عند مرور الماوس 221706
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود css لتحريك أزرار التصفح عند مرور الماوس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود وضع ايطار للصورة الشخصية عند مرور الماوس عليها
» كود مسميات المنتدى بشكل دائري مع تاثير عند مرور الماوس
» كود جعل الرابط مائل عند مرور الماوس يعمل على جميع النسخ
» كود عمل خاصية zoom علي أزرار المنتدي روعة
»  كود تغير لون القسم او الفئة عند مرورو الماوس

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