(invision)شريط الازرار المنتدى بشكل جديد

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

(invision)شريط الازرار المنتدى بشكل جديد

مُساهمة من طرف الأمل القادم في الثلاثاء 9 مارس 2010 - 16:12


اليوم اقدم لكم كود جديد لكل مستعملي النسخة (invision)
الكود بسيط يعمل جيدا مع كل المتصفحات دون استثناء ؟؟ بحترافية وتميز ؟؟

معاينة على الكود :

  • الأزرار قبل إستخدام الكود
  • الأزرار بعد إستخدام الكود


طريقة التركيب
لوحة الادارة
مظهر المنتدى
  الصور و الألوان
اللوان
ورقة css
ثم وضع الكود

الكود
الكود:

#submenu {
background-image: url('http://i60.servimg.com/u/f60/14/90/31/24/thead10.gif');
text-align: center;
font-weight: bold;
text-decoration: none;
background-repeat: repeat-x;
background-position: center center;
padding-bottom: 0px;
height: 24px;
}
#submenu ul li a:hover {
background: #fff url('http://i60.servimg.com/u/f60/14/90/31/24/menaro10.png');
font-weight: bold;
color: #000;
text-decoration: none;
text-align: center;
background-repeat: repeat-x;
background-position: bottom center;
color: #fff;
}
*+ html #submenu {
  padding: 0;
  }
* html #submenu {
  padding: 0;
  }
#submenu ul li a {
  padding: 0.4em 1em 0.5em 0em;
  margin: 0em 0em 0em 0;
color: #000;
  text-decoration: none;
  }

.
.
.
أجمل تحية
والقادم اجمل محبكم الأمل القادم



عدل سابقا من قبل Mohamed Nsr في الجمعة 12 ديسمبر 2014 - 3:31 عدل 1 مرات (السبب : ارجاع الصوره المنتهيه)

الأمل القادم
 
 

ذكر
عدد المساهمات : 3241
معدل النشاط : 5692
السُمعة : 11

http://www.sidiamer.com

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

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

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

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