اولا لابد من معرفة شئ مهم
الكود عباره عن جزيئين
جزء الاول يوضع في التومبيلات
والجزء الثاني يوضع في ورقة السي سي

الكود الخاص بالتومبيلات

لوحة التحكم
مظهر المنتدى
تومبيلات
اداره عامه
overall_header_new

الان نبحث عن الكود

{JAVASCRIPT}

ونضع الكود التالي بعده مباشرة

الكود:

<div id="up-nav">
 <ul>
  <li><a href="ضع الرابط هنا ">اسم الرابط</a></li>
  <li><a href="ضع الرابط هنا ">اسم الرابط</a></li>
  <li><a href="ضع الرابط هنا ">اسم الرابط</a></li>
</ul>
</div>


االان ناتي الي كود السي سي
اولا لابد من تحضير صوره لتكون خلفية القائمة

كود السي سي
لوحة التحكم
مظهر المنتدى
الالوان
ورقة السي سي

الكود:

#up-nav{
margin: 0px auto 0px auto;
width: 100%;
background-image: url('ضع رابط الخلفية الكلية للنافبار');
background-repeat: repeat-x;
height: 20px;
}
#up-nav ul{
padding: 0px;
margin: 0px;
list-style-type: none;
}
#up-nav ul li{
float: right;
text-align: center;
}
#up-nav a{
width: 70px;
height: 20px;
display: block;
font-family: tahoma;
font-size: 10pt;
color: #FFFFFF;
text-decoration: none;
}
#up-nav a:hover{
background-color: #ضع لون الخلفية عند مرور الماوس;
color: #fff;
border-right-style: solid;
border-right-width: 2px;
border-right-color: #000000;
border-left-style: solid;
border-left-width: 2px;
border-left-color: #000000;
}
 

الكود حصري
ولا نسمح بنقله بدون المحافظة على حقوقنا
والله شهيد علي الجميع



كيفية التعديل على التومبيلات خطوة بخطوة بالصور من Goweto Bilobed

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