ازرار منتداك بتقنية CSS

اذهب الى الأسفل

ازرار منتداك بتقنية CSS Empty ازرار منتداك بتقنية CSS

مُساهمة من طرف المساعد الليلي الأربعاء 18 مايو 2011 - 20:38

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

الكود يعمل مع جميع النسخ

الكود
الكود:

.mainmenu {
  border-top: 1px solid #96d1f8;
  background: #65a9d7;
  background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
  background: -moz-linear-gradient(top, #3e779d, #65a9d7);
  padding: 3px 6px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: white;
  font-size: 17px;
  font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
  }
.mainmenu:hover {
  border-top-color: #28597a;
  background: #28597a;
  color: #ccc;
  }
.mainmenu:active {
  border-top-color: #1b435e;
  background: #1b435e;
  }
ملاحظة : يفضل استخدام الكود في حالة الازرار النصية من
لوحة الادارة
مظهر المنتدى
الرئيسية وازرار التصفح
اظهار الصور فقط : لا
سجل
طريقة الوضع
لوحة الادارة
مظهر المنتدى
الصور والألوان
ألوان
ورقة تصميم Css
ضع الكود
سجل

الى اللقاء ان شاء الله في كود قادم
عند النقل تكرم بذكر المصدر
اخوكم حســـن!
Wink


عدل سابقا من قبل المساعد الليلي في الجمعة 27 مايو 2011 - 2:02 عدل 3 مرات
المساعد الليلي
المساعد الليلي
 
 

ذكر
عدد المساهمات : 6265
معدل النشاط : 12406
السُمعة : 5

http://www.d3sh.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى