منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

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

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

مُساهمة من طرف francaaa في الجمعة 14 يناير 2011 - 17:54

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

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

مثال بالصور


هذه الأزرار




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;
}

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


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



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



تم الشرح عن طريقى
francaaa




عدل سابقا من قبل francaaa في الخميس 3 فبراير 2011 - 12:03 عدل 4 مرات
avatar
francaaa
 
 

ذكر
عدد المساهمات : 9065
معدل النشاط : 12592
السُمعة : 0

http://www.franca-lovers.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى