احمد كو المـديـر العـــام
عدد المساهمات : 316 نقاط : 917 السٌّمعَة : 3 تاريخ الميلاد : 01/01/1992 تاريخ التسجيل : 14/03/2011 العمر : 32 الموقع : https://ahmed-ko.yoo7.com المزاج : ممتاز
| موضوع: كود css لتحريك أزرار التصفح عند مرور الماوس الثلاثاء مارس 29, 2011 3:06 pm | |
| كود يقوم بتحريك أزرار التصفح عند مرور الماوس
يعمل على جميع النسخ
مثال بالصورهذه الأزرارhttps://i.servimg.com/u/f37/14/97/99/24/111.pngوعند مرور الماوس على أحدهايتحرك هكذاhttps://i.servimg.com/u/f37/14/97/99/24/112.pnghttps://i.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 وأجعله ما تريد
ارجوا ان اكون افدتكمانتهي الموضوع | |
|