منتديات قاتل الاسطوره

منتديات قاتل الاسطوره


 
الرئيسيةالبوابةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخولتسجيل دخول الاعضاء

شاطر | 
 

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

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

علم بلدك :
عدد المساهمات : 98
تاريخ التسجيل : 16/02/2011

مُساهمةموضوع: كود يقوم بتحريك أزرار التصفح عند مرور الماوس   الخميس مارس 17, 2011 4:23 am

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

كود تحريك الزر لاعلى

الكود:

.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

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