الحب في الله
منتدى الحب في الله
يرحب بجميع اعضائنا الدين انضموا وزوارنا الكرام راجين ان نكون قد حققنا هدفنا وهو ارضائكم بادن الله
بتقديم خدماتنا المجانية
مواضيع عامة وشاملة
جميع اكواد منتديات احلى منتدى من اكواد css اكواد html اكواد template اكواد javascript وستايلات وتصاميم وواجهات رتب ازرار ايقونات اوسمة توقيعات بنرات صور شخصية مجانية
نرحب بكم جميعا معنا
ونتمنى من كل الزوار ان يشرفونا بالتسجيل بالمنتدى
رضائكم هو هدفنا
تحياتنا الخالصة

الحب في الله
منتدى الحب في الله
يرحب بجميع اعضائنا الدين انضموا وزوارنا الكرام راجين ان نكون قد حققنا هدفنا وهو ارضائكم بادن الله
بتقديم خدماتنا المجانية
مواضيع عامة وشاملة
جميع اكواد منتديات احلى منتدى من اكواد css اكواد html اكواد template اكواد javascript وستايلات وتصاميم وواجهات رتب ازرار ايقونات اوسمة توقيعات بنرات صور شخصية مجانية
نرحب بكم جميعا معنا
ونتمنى من كل الزوار ان يشرفونا بالتسجيل بالمنتدى
رضائكم هو هدفنا
تحياتنا الخالصة

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

الحب في الله

مرحباً بك يا زائر في منتدى الحب في الله
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
يريد الجنة
✿ الإدارََييِنّ ✿
✿ الإدارََييِنّ ✿
يريد الجنة


الجنس : ذكر
عدد المساهمات عدد المساهمات : 6086
نقاط نقاط : 27400
السٌّمعَة السٌّمعَة : 7
صور رمزية : كود css لتحريك أزرار التصفح عند مرور الماوس 07_04_1213337538384

كود css لتحريك أزرار التصفح عند مرور الماوس Empty
مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس   كود css لتحريك أزرار التصفح عند مرور الماوس I_icon_minitimeالأربعاء ديسمبر 07, 2011 7:10 pm

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

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

مثال بالصور


هذه الأزرار




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


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




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



https://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
وأجعله ما تريد



ارجوا ان اكون افدتكم
انتهي الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://el-hoube-fi-lah.hooxs.com
 
كود css لتحريك أزرار التصفح عند مرور الماوس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود css لتحريك أزرار التصفح عند مرور الماوس بالرئيسية كود رهيب اكثر من رائع يستحق التركيب
» كود جعل الرابط مائل عند مرور الماوس يعمل على جميع النسخ
» كود وضع ايطار للصورة الشخصية عند مرور الماوس عليها
» كود حقوق لاقسامك عند مرور الماوس عليها للنسخة2
» كود حقوق لاقسامك عند مرور الماوس عليها للنسخة2

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
الحب في الله :: ✿ المنتدى الاكواد لتطوير المواقع والمنتديات ✿ :: قسم تطوير المواقع والمنتديات الأكواد الإنسيابية CSS-
انتقل الى: