كود css لتحريك أزرار التصفح عند مرور الماوس
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
كود css لتحريك أزرار التصفح عند مرور الماوس
كود يقوم بتحريك أزرار التصفح عند مرور الماوس
يعمل على جميع النسخ
مثال بالصور
هذه الأزرار
![كود css لتحريك أزرار التصفح عند مرور الماوس 111](https://i.servimg.com/u/f37/14/97/99/24/111.png)
https://i.servimg.com/u/f37/14/97/99/24/111.png
وعند مرور الماوس على أحدها
يتحرك هكذا
![كود css لتحريك أزرار التصفح عند مرور الماوس 112](https://i.servimg.com/u/f37/14/97/99/24/112.png)
https://i.servimg.com/u/f37/14/97/99/24/112.png
![كود css لتحريك أزرار التصفح عند مرور الماوس 211](https://i.servimg.com/u/f37/14/97/99/24/211.png)
https://i.servimg.com/u/f37/14/97/99/24/211.png
طريقة الوضع : -
الكود يوضع بورقة الــــcss
لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم الـcss
![كود css لتحريك أزرار التصفح عند مرور الماوس Css10](https://i.servimg.com/u/f37/14/97/99/24/css10.png)
https://i.servimg.com/u/f37/14/97/99/24/css10.png
الكود للأعلى
كود تحيرك لآسفل
لتقليل المسافة التى يتحركها الزر
يمكنك التعديل على الرقم اللى بالكود
وهو 37
وأجعله ما تريد
ارجوا ان اكون افدتكم
انتهي الموضوع
![كود css لتحريك أزرار التصفح عند مرور الماوس 376553](users/2612/68/54/94/smiles/376553.gif)
تم الشرح عن طريقى
francaaa
![كود css لتحريك أزرار التصفح عند مرور الماوس 39495883](https://2img.net/r/ihimizer/img413/4892/39495883.png)
يعمل على جميع النسخ
مثال بالصور
هذه الأزرار
![كود css لتحريك أزرار التصفح عند مرور الماوس 111](https://i.servimg.com/u/f37/14/97/99/24/111.png)
https://i.servimg.com/u/f37/14/97/99/24/111.png
وعند مرور الماوس على أحدها
يتحرك هكذا
![كود css لتحريك أزرار التصفح عند مرور الماوس 112](https://i.servimg.com/u/f37/14/97/99/24/112.png)
https://i.servimg.com/u/f37/14/97/99/24/112.png
![كود css لتحريك أزرار التصفح عند مرور الماوس 211](https://i.servimg.com/u/f37/14/97/99/24/211.png)
https://i.servimg.com/u/f37/14/97/99/24/211.png
طريقة الوضع : -
الكود يوضع بورقة الــــcss
لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم الـcss
![كود css لتحريك أزرار التصفح عند مرور الماوس Css10](https://i.servimg.com/u/f37/14/97/99/24/css10.png)
https://i.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
وأجعله ما تريد
ارجوا ان اكون افدتكم
انتهي الموضوع
![كود css لتحريك أزرار التصفح عند مرور الماوس 221706](https://2img.net/u/1811/68/54/94/smiles/221706.gif)
![كود css لتحريك أزرار التصفح عند مرور الماوس 376553](users/2612/68/54/94/smiles/376553.gif)
![كود css لتحريك أزرار التصفح عند مرور الماوس 201477](https://2img.net/u/1811/68/54/94/smiles/201477.gif)
تم الشرح عن طريقى
francaaa
![كود css لتحريك أزرار التصفح عند مرور الماوس 39495883](https://2img.net/r/ihimizer/img413/4892/39495883.png)
عدل سابقا من قبل francaaa في الخميس 3 فبراير 2011 - 12:03 عدل 4 مرات
![-](https://i.servimg.com/u/f37/19/43/18/14/tabs_l11.gif)
» طلب كود ناف بار أزرار التصفح
» أزرار التصفح
» هل من الممكن حدف احد أزرار التصفح
» كيف أضع قائمة في أزرار التصفح
» هل يمكني أن أحدف أزرار التصفح
» أزرار التصفح
» هل من الممكن حدف احد أزرار التصفح
» كيف أضع قائمة في أزرار التصفح
» هل يمكني أن أحدف أزرار التصفح
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى