هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دخول

description[تومبيلات]كود وضع قائمة ناف بار بروابط مهمة في المنتديات اعلى الواجهه  Empty[تومبيلات]كود وضع قائمة ناف بار بروابط مهمة في المنتديات اعلى الواجهه

more_horiz

[تومبيلات]كود وضع قائمة ناف بار بروابط مهمة في المنتديات اعلى الواجهه  Gowetobilobed

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

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

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

description[تومبيلات]كود وضع قائمة ناف بار بروابط مهمة في المنتديات اعلى الواجهه  Emptyرد: [تومبيلات]كود وضع قائمة ناف بار بروابط مهمة في المنتديات اعلى الواجهه

more_horiz
صورة الكود لا تعمل
يغلق



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

جميع الحقوق محفوظة لدليل الاشهار العربي