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



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

شاطر | 
 

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة

إبداع ديزاين

إبداع ديزاين
المديرالعام
المديرالعام

الجنس الجنس : ذكر


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


مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس   كود css لتحريك أزرار التصفح عند مرور الماوس I_icon_minitimeالخميس 9 يونيو 2011 - 8:54







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

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

مثال بالصور


هذه الأزرار




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

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



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




[url=http://help.ahlamontada.com/t792133-topic#]
كود css لتحريك أزرار التصفح عند مرور الماوس 112
[/url]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 لتحريك أزرار التصفح عند مرور الماوس  المصدر : احنا فور يو - www.a7na4you.com  الكاتب:  إبداع ديزاين



تــوقــــبع
إبداع ديزاين
الرجوع الى أعلى الصفحة اذهب الى الأسفل

امير الاحساس

امير الاحساس
مبدع برونزي
مبدع برونزي

الجنس الجنس : ذكر


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


مُساهمةموضوع: رد: كود css لتحريك أزرار التصفح عند مرور الماوس   كود css لتحريك أزرار التصفح عند مرور الماوس I_icon_minitimeالإثنين 13 يونيو 2011 - 2:34







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





منتديات احنا فور يو التطويرية يمنع النقل بدون ذكر المصدرالموضوع الأصلي : كود css لتحريك أزرار التصفح عند مرور الماوس  المصدر : احنا فور يو - www.a7na4you.com  الكاتب:  امير الاحساس



تــوقــــبع
امير الاحساس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

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

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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