كود تومبلايت جديد 2014 : تغيير شكل ناف بار

السلام عليكم ورحمة الله اهلا ومرحبا اخواني

صورة قبل الكود

i38.servimg.com/u/f38/13/32/96/23/x45fgm10.png

صورة بعد الكود

https://i.servimg.com/u/f38/13/32/96/23/2mrs5x10.png

طريقة التركيب

1 - نذهب للتومبلايت ثم ادارة عامة ثم قالب overall_header

2 - نبحث عن هذا الكود

الكود:: <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>

3 - نستبدله بهذا الكود

الكود:: <table class="RaChidRaChod" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>

4- نذهب لورقة css و نضغ الكود التالي

الكود:: .RaChidRaChod{ font-size: 13px; background:url(http://i38.servimg.com/u/f38/13/32/96/23/cat10.jpg); padding: 5px 30px 5px 5px; margin: 0 auto; width: 180px; border: 1px solid #dbdbdb; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 1px #dbdbdb inset; -webkit-box-shadow: 0 1px 1px #dbdbdb inset; box-shadow: 0 1px 1px #dbdbdb inset; }

يمكنكم تغيير الخلفية بتغيير رابط هذه الصورة في كود css
https://i.servimg.com/u/f38/13/32/96/23/cat10.jpg

الكود من تصميمي و لا اقبل نقله دون ذكر المصدر
و السلام عليكم ورحمة الله

تم تجديد الصور بواسطة : stones