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

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


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

شاطر | 
 

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

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

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

مُساهمةموضوع: كود يقوم بتحريك أزرار التصفح عند مرور الماوس   الخميس مارس 17, 2011 4:22 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

_________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
قاتل الاسطوره
المدير العام
المدير العام
avatar

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

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

اين الردود

_________________
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
كود يقوم بتحريك أزرار التصفح عند مرور الماوس
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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