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

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

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

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

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

  • الأزرار قبل إستخدام الكود (invision)شريط الازرار المنتدى بشكل جديد 122
  • الأزرار بعد إستخدام الكود(invision)شريط الازرار المنتدى بشكل جديد 220

(invision)شريط الازرار المنتدى بشكل جديد 123919nqbdnpq35j
طريقة التركيب
لوحة الادارة
مظهر المنتدى
 (invision)شريط الازرار المنتدى بشكل جديد Images_couleurs الصور و الألوان
اللوان
ورقة css
ثم وضع الكود
(invision)شريط الازرار المنتدى بشكل جديد 123919nqbdnpq35j
الكود
الكود:

#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;
  }
(invision)شريط الازرار المنتدى بشكل جديد 123919nqbdnpq35j
.
.
.
أجمل تحية
والقادم اجمل محبكم الأمل القادم



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

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

http://www.sidiamer.com

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

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

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

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