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

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

تكبير
الصورةتصغير
الصورة تم
تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
طريقة التركيب
لوحة
الادارة
مظهر المنتدى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] الصور و الألوان
اللوان
ورقة css
ثم وضع الكود
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود
الرمز:
#submenu {
background-image:
url('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
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('[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]');
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;
}
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
.
.
.
أجمل تحية