miss abir online
***مرحبا بزوارنا الكرام في منتديات عنابة كوم***
نرجو منكم تسجيل الدخول إن كنتم أعضاء بالمنتدى بالضغط على زر "الدخول"
إن كنتم غير مسجلين بالمنتدى فتفضلوا بالتسجيل معنا بالضغط على زر "التسجيل"
يمكنكم دائما إغلاق هذه النافذة بلضغط على زر "إخفاء"


miss abir online
 
الرئيسيةالتسجيلدخول
منتديات عنابة كوم ترحب بالجميع-حيث العلوم والثقافة والسياحة والتسلية والنكت والالغار والتقنية والبرمجة والتصميم والابداع....-ارجو ان تقضوا اوقات جيدة في منتديات عنابة كووووووم-


شاطر | 
 

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

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


عدد المساهمات : 611
تاريخ التسجيل : 29/12/2010
العمر : 21
الموقع : http://lilkoul.yoo7.com

مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس   الإثنين مايو 09, 2011 9:54 pm

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

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

مثال بالصور


هذه الأزرار




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

http://i37.servimg.com/u/f37/14/97/99/24/111.png


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




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

http://i37.servimg.com/u/f37/14/97/99/24/112.png



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

http://i37.servimg.com/u/f37/14/97/99/24/211.png



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

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

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







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

http://i37.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;
}



لتقليل المسافة التى يتحركها الزر
يمكنك التعديل على الرقم اللى بالكود
وهو 37
وأجعله ما تريد

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://lilkoul.yoo7.com
saidou23
المدير الثاني
المدير الثاني
avatar

عدد المساهمات : 1169
تاريخ التسجيل : 02/09/2011
العمر : 37
الموقع : عنابة-الجزائر

مُساهمةموضوع: رد: كود css لتحريك أزرار التصفح عند مرور الماوس   الأحد سبتمبر 04, 2011 1:49 pm

في القمة دائما
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.chorfa-dz.com/vb/
 
كود css لتحريك أزرار التصفح عند مرور الماوس
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
miss abir online :: عالم الاكواد :: اكواد css واكواد خاصة بمستعملي احلى منتدى-
انتقل الى: