admin الادارة
الجنسية : عدد المساهمات : 362 تاريخ التسجيل : 24/06/2011 العمر : 32
| موضوع: كود css لتحريك أزرار التصفح عند مرور الماوس السبت 10 ديسمبر - 15:40 | |
| كود يقوم بتحريك أزرار التصفح عند مرور الماوس يعمل على جميع النسخ مثال بالصورهذه الأزرار 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 https://i.servimg.com/u/f37/14/97/99/24/css10.pngالكود للأعلى - الكود:
-
.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 وأجعله ما تريدارجوا ان اكون افدتكمانتهي الموضوع | |
|