السلام عليكم ورحمة الله تعالى وبركاته

حصرياً اعزائي فقط على منتدى طريق التطوير .. اقدم لكم كود وضع عارضة ازرار css اعلى منتداك

لن اطول عليكم

لكن أولا مفهوم بصيط لازرار السي اس اس

اقتباس:
ازرار السي اس اس ,, هي عبارة عن ازرار .. مثلا يكون الزر في الاول لونو ابيض .. بعد مرور الماوس عليه يكون لونو ازرق مثلا !


ومعاينة توضيحية اكثر :

قبل مرور الماوس


https://i.servimg.com/u/f75/17/99/57/94/oouu_o81.png

بعد مرور الماوس


https://i.servimg.com/u/f75/17/99/57/94/oouu_o82.png

والأن وقد علمنا ما هي ازرار السي اس اس اقدم لكم الكود

أولا نبحث عن

الرمز:



ثم نضع بعد تماماً هذا

الرمز:

.top {
background-image:url('رابط خلفية العارضة');
background-repeat:repeat-x;
height:طول الخلفيةpx;
}

.menu-texe li a {
background-image:url('صور الزر قبل مرور الماوس');
color: #333333;
display: inline-block;
font-family: Tahoma,Geneva,sans-serif;
font-size: 8pt;
font-weight: bold;
height: طول الزرpx;
line-height: 32px;
margin-right: 3px;
overflow: hidden;
padding-top: 8px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
width: 100px;
}
.menu-texe li a:hover {
background-image: url('صور الزر بعد مرور الماوس');
color: #333333;
display: inline-block;
font-family: Tahoma,Geneva,sans-serif;
font-size: 8pt;
font-weight: bold;
height:طول الزرpx;
line-height: 32px;
margin-right: 3px;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #ffffff;
width: 100px;
}

• الرئيسية
  
• من نحن
  
• قوانين
  
• اتصال بنا
  
• تسجيل
  
• دخول
  
  
  
  
• الرئيسية
  
• قوانين
  
• رسائل
  
• بياناتي
  
• ما الجديد
  
• في امان الله
  
  
  

اقتباس:
ملاحظة : يجب املاء الاشياء المطلوبة منك + ستلاحظ في اخر الكود ان من اول الرمز
الرمز:


روابط تظهر للزوار

ومن اول

الرمز:


روابط تظهر للاعضاء فقط


مع تحياتي~♥

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

---------------------

شكراً لكم

توقيع : قاتل الأسود

شكرا على موضوعك الرائع

توقيع : koolsheaa

توقيع : ابو العصاصيم