قهوتنا
اهلاً بيك فى منتدانا
منتدى قهوتنا
هاكات هاكرز
تطوير مواقع * احلى منتدى *
اكواد
عمل مواقع * منتديات

ارجو التسجيل لكى تحصل على الاكواد كامله
ادارة المنتدى

قهوتنا


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

http://www.clicksia.com/index.php?ref=mohamedeloraby             

شاطر | 
 

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

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

الاعلام :
436
01/01/1991
تاريخ التسجيل : 04/01/2011
العمر : 26
الموقع : قهوتنا

مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس   الأربعاء يونيو 29, 2011 8:20 am

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

مثال بالصور


هذه الأزرار




http://i37.servimg.com/u/f37/14/97/99/24/111.png


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




http://i37.servimg.com/u/f37/14/97/99/24/112.png



http://i37.servimg.com/u/f37/14/97/99/24/211.png



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

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

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







http://i37.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;
}

كود تحيرك لآسفل


الكود: -
[url=http://help.ahlamontada.com/t792133-topic#]
الكود:
[/url].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
وأجعله ما تريد



ارجوا ان اكون افدتكم
انتهي الموضوع





الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://kahwetna.yoo7.com
 
كود css لتحريك أزرار التصفح عند مرور الماوس
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
قهوتنا  :: منتدى الدعم الفنى الخآص بمنتديات احلى منتدى :: اكواد css x اكود css-
انتقل الى: