منتديات احمد كو

]



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

شاطر | 
 

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

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


ذكر
الجدي
الماعز
عدد المساهمات : 316
نقاط : 917
السٌّمعَة : 3
تاريخ الميلاد : 01/01/1992
تاريخ التسجيل : 14/03/2011
العمر : 24
الموقع : http://ahmed-ko.yoo7.com
المزاج : ممتاز

مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس   الثلاثاء مارس 29, 2011 3:06 pm

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

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

مثال بالصور


هذه الأزرار




https://i37.servimg.com/u/f37/14/97/99/24/111.png


وعند مرور الماوس على أحدها
يتحرك هكذا




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



https://i37.servimg.com/u/f37/14/97/99/24/211.png



طريقة الوضع : -

الكود يوضع بورقة الــــcss

لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم الـcss










الكود للأعلى




.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://ahmed-ko.yoo7.com
 
كود css لتحريك أزرار التصفح عند مرور الماوس
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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