شبكة ايجي توداي
ــــــــــــــــــــــــــــــــــــــــــــــــ

المنتدي للبيــــــــــــــــــــــــــــــــــــــــع

للتواصل خالد الملاح ـ



شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي
avatar
KhaliD MallaH
المدير العام
المدير العام
القوس
الجنس : ذكر
الفأر
عدد مشاركاتى : 1762
السٌّمعَة : 10
تاريخ التسجيل : 07/04/2010
•عُمرِےُ *: : 21
•مُوِقُعـےُ •|: •مُوِقُعـےُ •|: : egy-2day.4ulike.com
http://egy-2day.4ulike.com

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

في الثلاثاء أبريل 12, 2011 9:17 pm
[b]كود يقوم بتحريك أزرار التصفح عند مرور الماوس

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

مثال بالصور


هذه الأزرار

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

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

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

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

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

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

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

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


الكود التحريك الى الاعلى
ضع رد لكي ترى الكود
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
.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;
}
</td></tr></table>


كود تحيرك لآسفل
ضع رد لكي ترى الكود
<table align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code"></td></tr></table>


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



ارجوا ان اكون افدتكم
[/b]



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