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

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

أهلا وسهلا بك زائرنا الكريم ، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات ، بالضغط هنا . كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه وأهلاً وسهلا بك مرة أخرى


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


 :: قســــم تطويـــــــر المنــــتــــديـــــــات :: تطوير منتديات أحلى منتدى :: أكواد CSS
شاطر
بيانات كاتب الموضوع
[CSS] كود لتحريك أزرار التصفح عند مرور الماوس
.: الـمعـلومـآت :.
الكاتب:
اللقب:
الإدارة العليا
الرتبه:
الإدارة العليا
.: الصـورة الرمزيـة :.
avatar
.: الـبيـآنـآت :.
الجنس : ذكر
مشاركاتي : 1205
نقاطي : 976205640
ولدت بتاريخ : 04/04/1997
سجلت بتاريخ : 12/06/2010
عمري : 19
.: الســآعة الآن :.

.: معـلــومــآت الاتصــآل :.
الحالة:
اتصـل بي:
معاينة صفحة البيانات الشخصي للعضو http://maaz-b.forummi.com

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


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

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

مثال بالصور

هذه الأزرار قبل تمرير الماوس

بعد تمرير الماوس


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

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

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


الكود المختص بتحريك الأزرار للأعلى

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


تم الارســال 21/1/2013, 21:33

أضــف تعليقك على الموضوع بوساطة الفيس بوكـ
الــرد الســـريـع

خــدمات المـوضـوع
 KonuEtiketleri كلمات دليليه
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت روابط لاتعمل في الموضوع او أن الموضوع ( [CSS] كود لتحريك أزرار التصفح عند مرور الماوس ) مخالف ,, من فضلك راسل الإدارة من هنا