![[تومبيلات]كود وضع قائمة ناف بار بروابط مهمة في المنتديات اعلى الواجهه Empty](https://2img.net/i/empty.gif)
![[تومبيلات]كود وضع قائمة ناف بار بروابط مهمة في المنتديات اعلى الواجهه Gowetobilobed](https://2img.net/r/ihimizer/img580/4659/gowetobilobed.jpg)
اولا لابد من معرفة شئ مهم
الكود عباره عن جزيئين
جزء الاول يوضع في التومبيلات
والجزء الثاني يوضع في ورقة السي سي
الكود الخاص بالتومبيلات
لوحة التحكم
مظهر المنتدى
تومبيلات
اداره عامه
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;
}
مبرووك عليك الكود
المصدر
