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

من طرف **ThE TigEr** الثلاثاء يونيو 18, 2013 5:56 pm

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

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

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

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

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

طريقة التركيب
لوحة الادارة
مظهر المنتدى
(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; }