[مجابه] المساعده فال header.html

السلام عليكم,,

احاول وضع القائمه العلويه كما فالموقع
http://www.dng.com.sa/blog/

على ان تكون في اعلى الهيدر كما فالمدونه وقمت باضافة الكود في ملف الهيدر وكذالك اضفت كود التنسيق فالستايل شيت لكن لم يظهر اي تغيير في صفحة كليجا...!!!!!!

اي اخطأت؟؟ وما هي الطريقة الصحيحه لاضافة القائمه العلويه؟؟

في انتظار توجيهكم

من لوحة التحكم > اختر ((صيانة شاملة))

والسبب في عدم اعتماد تعديلك هو مجلد الكاش

مشكور ابوزياد على التوضيح,,

الان تم ظهور القائمه لكن بغير مكانها الصحيح!!

http://www.dng.com.sa/uploads/

كيف تكون في اعلى الصفحه وتكون متوسطه كما هي بالمدونه؟

اضافتك للكود غلط

انت وضعته في وسم الرأس <head>

الحين انقل الكود تحت وسم <body> مباشرة

ولتوسيطه في منتصف الصفحة استبدله بالكود التالي

كود: تحديد الكل

<div style="text-align:center">
	<div id="navheader">
		<li id="nav-home"><a href="http://www.dng.com.sa/">DNG</a></li>
		<li id="nav-home"><a href="http://www.dng.com.sa/">أخبار ومراجعات الألعاب</a></li>
		<li id="nav-home"><a href="http://www.dng.com.sa/blog">المدونة التطويرية</a></li>
		<li id="nav-home"><a href="http://www.dng.com.sa/forums">المنتدى</a></li>
		<li id="nav-home"><a href="http://www.dng.com.sa/">eStore</a></li>
		<li id="nav-home"><a href="http://www.dng.com.sa/uploads">مركز التحميل</a></li>
		<li id="nav-home"><a href="http://www.dng.com.sa/">ألعاب</a></li>
	</div>
</div>

ثم انتقل لملف الـ css وقم بالتعديل على الكود التالي :

كود: تحديد الكل

#navheader {
padding-bottom: 2px;
padding-top: 2px;
text-align: right;
float: right;
font: 12px tahoma;
color: #DCEAF4;
width: 775px;
margin-left: 0px;
border: 3px solid #000000;
border-width: 3px 0;
background: #fdae16; }

*html #navheader { margin-right: 6.5px; }

ليصبح بعد التعديل هكذا

كود: تحديد الكل

#navheader {
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
font: 12px tahoma;
color: #DCEAF4;
width: 775px;
margin: 0 auto ;
border: 3px solid #000000;
background: #fdae16; }

*html #navheader { 
margin-right:auto; 
margin-left:auto; 
}

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

مشكور يابوزياد على تفاعلك, لكن عند تطبيق الاكواد الجديده اصبحت جدا مختلفه وانا ابيها مثل ما هي فالمدونه!

القائمه تكون ملاصقه للمتصفح من اعلى, وتكون متوسطه ككل, ومو بس النصوص تكون متوسطه

اشكرك مره اخرى على التفاعل والله يجزاك كل خير

لو طبقت اللي قلت عليه بحذافيره كان صارت القائمة مثل ما تبي

الحين ينقصك في كود الـ HTML كود بداية القائمة <ul> .... </ul> وكود الـ css لم تضفه داخل ملف stylesheet.css

عزيزي الان اصبحت القائمه فالمنتصف لكن اختلف تنسيق الاطار البرتقالي!!

وهل من الممكن جعل القائمه ملاصقه للمتصفح من الاعلى؟

وشكرا مره اخرى على تفاعلك..

عزيزي الكود أيضاً قمت انت بكتابته بشكل خطأ

الآن قم بتحرير قالب الهيدر وامسح جميع الكود السابق واستبدله بالتالي

كود: تحديد الكل

<!-- start  top  menu -->
<div style="text-align:center">
	   <ul id="navheader">
          <li id="nav-home"><a href="http://www.dng.com.sa/">DNG</a></li>
          <li id="nav-home"><a href="http://www.dng.com.sa/">أخبار ومراجعات الألعاب</a></li>
          <li id="nav-home"><a href="http://www.dng.com.sa/blog">المدونة التطويرية</a></li>
          <li id="nav-home"><a href="http://www.dng.com.sa/forums">المنتدى</a></li>
          <li id="nav-home"><a href="http://www.dng.com.sa/">eStore</a></li>
          <li id="nav-home"><a href="http://www.dng.com.sa/uploads">مركز التحميل</a></li>
          <li id="nav-home"><a href="http://www.dng.com.sa/">ألعاب</a></li>
		</ul> 
</div>
<!-- #  top  menu -->

ثم أذهب إلى ملف stylesheet.css وقم بإستبداله بهذا الملف

http://www.dng.com.sa/uploads/download.php?id=579

فك الضغط عن الملف وارفعه بنفس المسار ووافق على الاستبدال

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

بالتوفيق

ممتاز جدااا, لكن عزيزي الان اصبح التنسيق مختلف قليلا عما كان عليه في المدونه

http://www.dng.com.sa/blog/

هل من طريقه لجعل المنطقه البرتقاليه غير ممتده ومشابه فالتنسيق كما فالمدونه, واعتذر ع الاطاله !

دمت لمن تحب

نعم اخوي قم بتعديل ملف stylesheet.css

ابحث عن #navheader

ستجد العرض width:100% قم بتغييره الى 720px نفس عرض المركز

ليصبح الكود النهائي كالتالي :

كود: تحديد الكل

#navheader {
    text-align: center;
    font: 12px Tahoma, Arial, Verdana;
    color: #DCEAF4;
	width: 720px;
	height:24px;
	line-height:24px;
    margin: 0 auto ;
    border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
    background: #fdae16; 
}

ونعتذر على التأخير

[مجابه] المساعده فال header.html

[مجابه] المساعده فال header.html

رد: المساعده فال header.html

رد: المساعده فال header.html

رد: المساعده فال header.html

رد: المساعده فال header.html

رد: المساعده فال header.html

رد: المساعده فال header.html

رد: المساعده فال header.html

رد: المساعده فال header.html

رد: المساعده فال header.html