[CSS] شريط الازرار المنتدى بشكل جديد للنسخة invision

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

بعد تركيب الكود

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

اقتباس :

#submenu {
background-image: url('https://i.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('https://i.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;
}