شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
لن تجدو مثلى
أعضاء نشطاء
أعضاء نشطاء
الجنس : ذكر
عدد المساهمات : 178
العمر : 18

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

في السبت أغسطس 25, 2012 10:03 pm
كود يقوم بتحريك أزرار التصفح عند مرور الماوس

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

مثال بالصور

هذه الأزرار




تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


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




تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



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

الكود يوضع بورقة الــــ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;
}
avatar
مودي
مؤسس احلى تطوير
مؤسس احلى تطوير
الجنس : ذكر
عدد المساهمات : 664
العمر : 20

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

في الأربعاء أغسطس 29, 2012 12:18 am
جزاك الله كل خير
ع موضوعك الرائع
تقبل تحياتي



>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] او [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <
avatar
ونناسهه
مرشح لفريق الاشراف
مرشح لفريق الاشراف
الجنس : انثى
عدد المساهمات : 1052

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

في الأربعاء أغسطس 29, 2012 12:26 am
بارك الله فيك اخي



>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]<<
>>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] او [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] <
لن تجدو مثلى
أعضاء نشطاء
أعضاء نشطاء
الجنس : ذكر
عدد المساهمات : 178
العمر : 18

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

في الأربعاء أغسطس 29, 2012 1:59 am
شكرا لمروركم العطر
مصمم مبدع
أعضاء نشطاء
أعضاء نشطاء
الجنس : ذكر
عدد المساهمات : 450
العمر : 22

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

في السبت سبتمبر 01, 2012 10:27 pm
شكرا
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى