منتديات التصميم و التطوير و المساعدة
كود css لتحريك أزرار التصفح عند مرور الماوس 73990
منتديات التصميم و التطوير و المساعدة
كود css لتحريك أزرار التصفح عند مرور الماوس 73990
منتديات التصميم و التطوير و المساعدة
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
RADIA
☆ الإدِارهـَ ☆
☆ الإدِارهـَ ☆
RADIA


الجنس : انثى
الدولة : كود css لتحريك أزرار التصفح عند مرور الماوس Female25
المهنة : كود css لتحريك أزرار التصفح عند مرور الماوس Collec10
احترام قوانين المنتدى : كود css لتحريك أزرار التصفح عند مرور الماوس 2z7kjh2
نوع المتصفح : كود css لتحريك أزرار التصفح عند مرور الماوس 03_12_1213545640002
نسخة المنتدى : كود css لتحريك أزرار التصفح عند مرور الماوس 03_12_1213545640007
عدد المساهمات : 9681
نقاط النشاط : 40509
تاريخ التسجيل تاريخ التسجيل : 26/10/2012
فريقك المفضل : كود css لتحريك أزرار التصفح عند مرور الماوس 205388

كود css لتحريك أزرار التصفح عند مرور الماوس Empty
مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس   كود css لتحريك أزرار التصفح عند مرور الماوس Emptyالسبت ديسمبر 08, 2012 4:41 pm

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

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

مثال بالصور


هذه الأزرار





كود 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
كود css لتحريك أزرار التصفح عند مرور الماوس 1226123713
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://monntada.ahlamontada.com
 
كود css لتحريك أزرار التصفح عند مرور الماوس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود css لتغيير شكل الماوس بالمنتدى
» كود وضع ايطار للصورة الشخصية عند مرور الماوس عليها
» كود جعل الرابط مائل عند مرور الماوس يعمل على جميع النسخ
»  كود مسميات المنتدى بشكل دائري مع تاثير عند مرور الماوس
»  كود تصغير جميع الصور والروبط عند مرور الماوس عليها

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