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

[AmEr-Dz 0]

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

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

مثال بالصور

هذه الأزرار




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

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


ارجوا ان اكون افدتكم
انتهي الموضوع

[♥RNA♥ 0]

ظ…ظˆط¶ظˆط¹ ط±ط§ط¦ط¹ ط¨ظˆط±ظƒط?

[alfahloy-alfahloy 0]

موضوع في قمة الروعة
لا عدمنا التميز و روعة الاختيار
دمت لنا ودام تالقك الدائم

[امل الحياة 0]

موضوع رائع بوركت

[AmEr-Dz 0]

موضوع رائع بوركت

[Admin_Nb 0]

موضوع رائع بوركت

[شاعرة الجيل2 0]

موضوع رائع بوركت

[اميرة الكون 0]

موضوع رائع بوركت

[الرسام 0]

موضوع رائع بوركت

[اميرة الكون 0]

موضوع رائع بوركت

[الرسام 0]

موضوع رائع بوركت

[Mr ToDAY 0]

موضوع رائع بوركت

[اميرة الكون 0]

موضوع رائع بوركت

[foxy 0]

موضوع رائع بوركت

[Mr ToDAY 0]

موضوع رائع بوركت

[alizezo2000 0]

موضوع رائع بوركت

[dina 0]

موضوع رائع بوركت

[الرومانسى 0]

موضوع رائع بوركت

[dina 0]

موضوع رائع بوركت

[الرومانسى 0]

موضوع رائع بوركت

[احلام 1 0]