منتديآت شركه آلتطوير


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

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
مؤسـ الموقـع ــس
مؤسـ الموقـع ــس
avatar

ذكر ♣ مشآرٍڪْآتِڪْ » * : 400

مُساهمةموضوع: كود يقوم بتحريك أزرار التصفح عند مرور الماوس   الأحد أغسطس 21, 2011 9:33 am

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

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

مثال بالصور


هذه الأزرار




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

https://i.servimg.com/u/f37/14/97/99/24/111.png


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




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

https://i.servimg.com/u/f37/14/97/99/24/112.png



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

https://i.servimg.com/u/f37/14/97/99/24/211.png



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

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

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







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

https://i.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;
}
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://s-alabda.own0.com
Admin
مؤسـ الموقـع ــس
مؤسـ الموقـع ــس
avatar

ذكر ♣ مشآرٍڪْآتِڪْ » * : 400

مُساهمةموضوع: رد: كود يقوم بتحريك أزرار التصفح عند مرور الماوس   الأحد أغسطس 21, 2011 9:36 am

تم التجربه
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://s-alabda.own0.com
Admin
مؤسـ الموقـع ــس
مؤسـ الموقـع ــس
avatar

ذكر ♣ مشآرٍڪْآتِڪْ » * : 400

مُساهمةموضوع: رد: كود يقوم بتحريك أزرار التصفح عند مرور الماوس   الأحد أغسطس 21, 2011 9:36 am

انتضر ردودكم
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://s-alabda.own0.com
مـلاك & عـيوني هــلاك
مراقبه
مراقبه
avatar

انثى ♣ مشآرٍڪْآتِڪْ » * : 57
المزاج : رااااااااايقه

مُساهمةموضوع: رد: كود يقوم بتحريك أزرار التصفح عند مرور الماوس   الأربعاء أغسطس 24, 2011 11:16 pm

يسلموووووو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Admin
مؤسـ الموقـع ــس
مؤسـ الموقـع ــس
avatar

ذكر ♣ مشآرٍڪْآتِڪْ » * : 400

مُساهمةموضوع: رد: كود يقوم بتحريك أزرار التصفح عند مرور الماوس   الجمعة أغسطس 26, 2011 9:15 am

يسلمو على الرد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://s-alabda.own0.com
 
كود يقوم بتحريك أزرار التصفح عند مرور الماوس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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