stardes
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

stardes


 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
i_love_you_abdo
الكـــــــــبـــيــر قـــــوي
i_love_you_abdo


@!ٍمسًاُهًماًتًكً}@!` : 249
@!ٍسجًلًتً امٍتًى@!~ : 06/02/2011
العمر : 28

 كود css لتحريك أزرار التصفح عند مرور الماوس جديد  Empty
مُساهمةموضوع: كود css لتحريك أزرار التصفح عند مرور الماوس جديد     كود css لتحريك أزرار التصفح عند مرور الماوس جديد  Emptyالأربعاء فبراير 16, 2011 8:56 pm

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

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

مثال بالصور


هذه الأزرار




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

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


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




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



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

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

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



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


الكود للأعلى



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

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



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

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



الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://stardes.own0.com
EGRAM
الاعـــــضـــاء
الاعـــــضـــاء
EGRAM


@!ٍمسًاُهًماًتًكً}@!` : 206
@!ٍسجًلًتً امٍتًى@!~ : 18/02/2011

 كود css لتحريك أزرار التصفح عند مرور الماوس جديد  Empty
مُساهمةموضوع: رد: كود css لتحريك أزرار التصفح عند مرور الماوس جديد     كود css لتحريك أزرار التصفح عند مرور الماوس جديد  Emptyالثلاثاء فبراير 22, 2011 4:44 am

بارك الله فيك
على هذا الموضوع الطيب
الرجوع الى أعلى الصفحة اذهب الى الأسفل
M ! D o
الاعـــــضـــاء
الاعـــــضـــاء
M ! D o


@!ٍمسًاُهًماًتًكً}@!` : 236
@!ٍسجًلًتً امٍتًى@!~ : 07/02/2011

 كود css لتحريك أزرار التصفح عند مرور الماوس جديد  Empty
مُساهمةموضوع: رد: كود css لتحريك أزرار التصفح عند مرور الماوس جديد     كود css لتحريك أزرار التصفح عند مرور الماوس جديد  Emptyالثلاثاء فبراير 22, 2011 9:02 am

والله كود مقيد جدا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود css لتحريك أزرار التصفح عند مرور الماوس جديد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كيفية الاشتراك في تويتر twitter واضافة جديد منتدياتكم الية اليا مما يعني زيادة الارشفة جديد
» كود تغير لون القسم او الفئة عند مرور الموس عليها
» استرجاع رسائلك بعد الفرمتة جديد
» كود جديد وحصرى على ستار ديزين
» كود جديد الحصرى والان فقط على ستر ديزين

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
stardes :: "التقنيات والشروحات" :: اكوادٌُCss-
انتقل الى: