شبكة الإبداع العربي
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي



 
الرئيسيةس .و .جبحـثالأعضاءالتسجيلدخول

شاطر | 
 

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

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

avatar

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

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



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







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

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

مثال بالصور


هذه الأزرار





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



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




[url=http://help.ahlamontada.com/t792133-topic#]

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






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



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

avatar

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

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



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













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



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

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

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

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