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

اذهب الى الأسفل

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

مُساهمة من طرف francaaa الجمعة 14 يناير 2011 - 17:54

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

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

مثال بالصور


هذه الأزرار



كود css لتحريك أزرار التصفح عند مرور الماوس 111
https://i.servimg.com/u/f37/14/97/99/24/111.png


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



كود css لتحريك أزرار التصفح عند مرور الماوس 112
https://i.servimg.com/u/f37/14/97/99/24/112.png


كود css لتحريك أزرار التصفح عند مرور الماوس 211
https://i.servimg.com/u/f37/14/97/99/24/211.png



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

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

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






كود css لتحريك أزرار التصفح عند مرور الماوس Css10
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
وأجعله ما تريد



ارجوا ان اكون افدتكم
انتهي الموضوع
كود css لتحريك أزرار التصفح عند مرور الماوس 221706
كود css لتحريك أزرار التصفح عند مرور الماوس 376553
كود css لتحريك أزرار التصفح عند مرور الماوس 201477
تم الشرح عن طريقى
francaaa

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


عدل سابقا من قبل francaaa في الخميس 3 فبراير 2011 - 12:03 عدل 4 مرات
francaaa
francaaa
 
 

ذكر
عدد المساهمات : 9064
معدل النشاط : 15211
السُمعة : 0

http://www.franca-lovers.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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