كود شريط أزرار المنتدى

كود شريط الأزرار للمنتدى للنسخة (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;
  }