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

اذهب الى الأسفل

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

مُساهمة من طرف rachidrachod السبت 4 يناير 2014 - 16:44

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

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

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

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

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

كود تومبلايت جديد 2014 : تغيير شكل ناف بار 2mrs5x10
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


عدل سابقا من قبل (GeNeRaL) في الأربعاء 4 فبراير 2015 - 13:36 عدل 1 مرات (السبب : تجديد الصور)
avatar
rachidrachod

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

ذكر
عدد المساهمات : 38
معدل النشاط : 4008
السُمعة : 1

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى