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

مجتمع عربي يختص بعالم التصميم والجرافيك وكل ما يخص الديزاين
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

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

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
Black Cat
عضو نشيط
عضو نشيط
Black Cat


ذكر
عدد المساهمات : 364
نقاطي : 471
السٌّمعَة : 1
العمر : 28
العقرب
الخنزير
تاريخ التسجيل * : 07/08/2013
جيد

كود css لتحريك أزرار التصفح عند مرور الماوس Empty
مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس   كود css لتحريك أزرار التصفح عند مرور الماوس Emptyالسبت أغسطس 10, 2013 3:21 pm

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

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

مثال بالصور


هذه الأزرار

كود 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;
}

كود 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;
}
لتقليل المسافة التى يتحركها الزر
يمكنك التعديل على الرقم اللى بالكود
وهو 37
وأجعله ما تريد



ارجوا ان اكون افدتكم
انتهي الموضوع كود css لتحريك أزرار التصفح عند مرور الماوس 2138970173
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://mobd3oon.ahlamontada.com
A D M ! N
مؤسس المجتمع
مؤسس المجتمع
A D M ! N


ذكر
عدد المساهمات : 896
نقاطي : 2147483647
السٌّمعَة : 35
العمر : 34
الحمل
الحصان
تاريخ التسجيل * : 26/06/2013
احترام قوانين المبدعون العرب : كود css لتحريك أزرار التصفح عند مرور الماوس HjOAjB

كود css لتحريك أزرار التصفح عند مرور الماوس Empty
مُساهمةموضوع: رد: كود css لتحريك أزرار التصفح عند مرور الماوس   كود css لتحريك أزرار التصفح عند مرور الماوس Emptyالسبت أغسطس 10, 2013 3:28 pm

 شكرا لك موضوع مميز
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://mobd3oon.ahlamontada.com
Black Cat
عضو نشيط
عضو نشيط
Black Cat


ذكر
عدد المساهمات : 364
نقاطي : 471
السٌّمعَة : 1
العمر : 28
العقرب
الخنزير
تاريخ التسجيل * : 07/08/2013
جيد

كود css لتحريك أزرار التصفح عند مرور الماوس Empty
مُساهمةموضوع: رد: كود css لتحريك أزرار التصفح عند مرور الماوس   كود css لتحريك أزرار التصفح عند مرور الماوس Emptyالسبت أغسطس 10, 2013 3:29 pm

العفو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://mobd3oon.ahlamontada.com
eltaqa
عضو نشيط
عضو نشيط
eltaqa


ذكر
عدد المساهمات : 401
نقاطي : 401
السٌّمعَة : 10
العمر : 37
السمك
القط
تاريخ التسجيل * : 04/07/2015

كود css لتحريك أزرار التصفح عند مرور الماوس Empty
مُساهمةموضوع: رد: كود css لتحريك أزرار التصفح عند مرور الماوس   كود css لتحريك أزرار التصفح عند مرور الماوس Emptyالأحد يوليو 05, 2015 4:34 pm

السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
énergie
عضو نشيط
عضو نشيط
énergie


ذكر
عدد المساهمات : 401
نقاطي : 403
السٌّمعَة : 10
العمر : 37
السمك
القط
تاريخ التسجيل * : 08/07/2015

كود css لتحريك أزرار التصفح عند مرور الماوس Empty
مُساهمةموضوع: رد: كود css لتحريك أزرار التصفح عند مرور الماوس   كود css لتحريك أزرار التصفح عند مرور الماوس Emptyالخميس يوليو 09, 2015 10:44 pm

صباحك // مساؤك .. أمواج فرح لا تجف ,,
تحية محملة بباقة ورد جورية ,,,
أهديك أياها
يعطيك العافيه طرح رائع وانت دائما رائع في طرحك .
أنتظر جديدك بكل الشوق والود ,,,
تقبلي مروري المتواضع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.eltaqa.com/
 
كود css لتحريك أزرار التصفح عند مرور الماوس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود جعل الرابط مائل عند مرور الماوس يعمل على جميع النسخ

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