المشهر
السلام عليكم ورحمة الله وبكراته

احبتنا زوار الموقع الكرام نود اعلامكم جميعا بان المنتدى مفتوحاً للجميع لذلك فلا تبخلوا علينا بزيارتكم والتصفح ولو بالقراءة والدعاء

لا نريد ان نجبركم على التسجيل للتصفح نريدكم فقط ان استفدتم شيئاً من الموقع بان تدعو من قلبك لصاحب الموضوع والعاملين بالموقع

ودمتم بحفظ الله ورعايته

"خير الناس أنفعهم للناس"

المشهر
السلام عليكم ورحمة الله وبكراته

احبتنا زوار الموقع الكرام نود اعلامكم جميعا بان المنتدى مفتوحاً للجميع لذلك فلا تبخلوا علينا بزيارتكم والتصفح ولو بالقراءة والدعاء

لا نريد ان نجبركم على التسجيل للتصفح نريدكم فقط ان استفدتم شيئاً من الموقع بان تدعو من قلبك لصاحب الموضوع والعاملين بالموقع

ودمتم بحفظ الله ورعايته

"خير الناس أنفعهم للناس"

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


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

 

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

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


الجنس : ذكر
عدد المساهمات : 376
السٌّمعَة : 16
تاريخ التسجيل : 14/05/2011
العمر : 28

كود css لتحريك أزرار التصفح عند مرور الماوس Empty
مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس   كود css لتحريك أزرار التصفح عند مرور الماوس Emptyالإثنين مايو 16, 2011 2:14 am

بسم الله الرحمن الرحيم


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

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

مثال بالصور

هذه الأزرار

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

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

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

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



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

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

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

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

الكود للأعلى


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


ارجوا ان اكون افدتكم
انتهي الموضوع
وشكرا......... I love you
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://al-mushher.ahlamontada.com
 
كود css لتحريك أزرار التصفح عند مرور الماوس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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