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


 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخول  

 

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

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


الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 27

[CSS] كود لتحريك أزرار التصفح عند مرور الماوس Empty
مُساهمةموضوع: [CSS] كود لتحريك أزرار التصفح عند مرور الماوس   [CSS] كود لتحريك أزرار التصفح عند مرور الماوس Empty21/1/2013, 21:33

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

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

مثال بالصور

هذه الأزرار قبل تمرير الماوس
[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;
}
الكود المختص بتحريك الأزرار للأسفل
الكود:
.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
وأجعله ما تريد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://maaz-b.forummi.com
 
[CSS] كود لتحريك أزرار التصفح عند مرور الماوس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» [CSS] كود جعل الرابط مائل عند مرور الماوس
» [CSS] كود مسميات أقسام المنتدى بشكل دائري مع تاثير عند مرور الماوس
» [CSS] كود تخفيف لون الصور في المشاركات والمواضيع عند مرور الماوس
» [CSS] كود وضع ايطار للصورة الشخصية عند مرور الماوس عليها
» css كود جعل الرابط مائل عند مرور الماوس يعمل على جميع النسخ

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