كود يقوم بتحريك أزرار التصفح عند مرور
شبكة ديزاين ستار العربية
اهلا بك زائرنا الكريم
منتدانا مفتوح لك ولكل زائرينا
ولانجبر احد علي التسجيل
ولكن يسعدنا انضمامك الينا
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d65f6.png
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d65f5.png
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d65f4.png
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d65fb.png
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d65fa.png
http://img04.arabsh.com/uploads/image/2012/02/22/0a35464d66f3.png

الرئيسيةبحـثس .و .جالأعضاءالمجموعاتالتسجيلاليوميةدخولالبوابة ،،


 
 
الموضوع
تاريخ ارسال المشاركة
بواسطة
25.11.16 2:07
25.11.16 2:06
04.01.15 1:42
04.01.15 1:32
28.10.14 22:00
28.10.14 21:57
28.10.14 21:52
17.10.14 21:47
16.10.14 2:31
16.10.14 1:40
 


 
شاطر|

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
معلومات العضو
avatar
عضو مطرود
معلومات إضافية
آلْـــ ج ــنسـ : ذكر
الـدولهــ : الجزائر
الْمَشِارَكِات : 127
نقاط : 2780
التقييم : 1
الاحترام : 100 %
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: كود يقوم بتحريك أزرار التصفح عند مرور 29.07.11 0:51

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


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

مثال بالصور

هذه الأزرار




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


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

وأجعله ما تريد


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



تم الشرح عن
طريقى



الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
avatar
ديـزايـن جـديـدديـزايـن جـديـد
معلومات إضافية
آلْـــ ج ــنسـ : ذكر
الـدولهــ : algeria
الْمَشِارَكِات : 20
نقاط : 2345
التقييم : 0
الاحترام : 100 %
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: كود يقوم بتحريك أزرار التصفح عند مرور 01.08.11 23:09

شكرا لك على الموضوع الرائع والمجهود

وننتظر جديدك وابداعك وتألقك

تقبل مروري
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
avatar
ديـزايـن جـديـدديـزايـن جـديـد
معلومات إضافية
آلْـــ ج ــنسـ : ذكر
الـدولهــ : MaRoC
الْمَشِارَكِات : 59
نقاط : 2346
التقييم : 0
الاحترام : 100 %
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: كود يقوم بتحريك أزرار التصفح عند مرور 16.09.11 3:10

يسلموآأإآأإ،،ع الطرحـ الجميــل ،،
اجملــ،ــتحية

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
avatar
ديـزايـن جـديـدديـزايـن جـديـد
معلومات إضافية
آلْـــ ج ــنسـ : ذكر
الـدولهــ : مصر
الْمَشِارَكِات : 47
نقاط : 2321
التقييم : 2
الاحترام : 100 %
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: كود يقوم بتحريك أزرار التصفح عند مرور 04.10.11 1:55

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معلومات العضو
avatar
ديـزايـن جـديـدديـزايـن جـديـد
معلومات إضافية
آلْـــ ج ــنسـ : ذكر
الـدولهــ : مصر
الْمَشِارَكِات : 6
نقاط : 1977
التقييم : 0
الاحترام : 100 %
معاينة صفحة البيانات الشخصي للعضو
مُساهمةموضوع: رد: كود يقوم بتحريك أزرار التصفح عند مرور 23.07.12 20:16

جزاكم الله كل خير
الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

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

ضوابط المشاركة في المنتدى
لاتستطيع الرد على المواضيع في هذا المنتدى


BB code متاحة للجميع
الابتسامات متاحة للأعضاء
كود[IMG] متاح للأعضاء
كود HTML متاح للأعضاء



 
© phpBB | منتدى مجاني | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | الحصول على مدونة