أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

مشكلة تمدد الهيدر + الفوتر

آلسلآمم عليكم ورحمهه الله .. اخوانني عندي مشككلة ب تمدد الهيدر + الفوتر انا مسوي ب CSS انا ابغى الاقسام بس 150px وابي الهيدر والف


موضوع مغلق


21-04-2014 02:42 مساءً
معلومات الكاتب ▼
انضم في : 19-04-2014
رقم العضوية : 5,322
المشاركات : 92
الجنس :
تاريخ الميلاد : 4-4-1997
قوة السمعة : 0
موقعي : زيارة موقعي
آلسلآمم عليكم ورحمهه الله ..
اخوانني عندي مشككلة ب تمدد الهيدر + الفوتر 155
انا مسوي ب CSS

CODE
body {
	background-image: url(/Mta4Arabs-1/mta4arabs/bg.jpg);
	margin: 0px 150px 0px 150px;
	line-height: 140%;
	padding: 0px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	} 


انا ابغى الاقسام بس 150px
وابي الهيدر والفوتر يكون طبيعي 0px


==== مثال للهيدر المتمدد /

SA1Dd



موقععي /http://forum.mta4arabs.com

ملاحظةة / الاستايل مصمم ب مجهود شخصي 805681

look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر
  21-04-2014 08:27 مساءً   [1]
معلومات الكاتب ▼
انضم في : 19-07-2009
رقم العضوية : 11
المشاركات : 4,342
الدولة : Egypt
الجنس :
تاريخ الميلاد : 13-7-1993
الدعوات : 10
قوة السمعة : 12,687
موقعي : زيارة موقعي
من خلال كلاس logostrip إحذف السطر التالى
CODE
width:97%;

و هذا يجعل الهيدر متمدد على جانبى الصفحة

و من خلال كلاس footer_bar إحذف السطر التالى
CODE
width:97.5%;

و هذا يجعل الفوتر متمدد أيضاً على جانبى الصفحة

لجعل الأقسام بعرض مُعين ذلك من خلال .forumtcat, .forumtcatleft, .forumtcatright و ذلك عن طريق إضافة السطر التالى مع تحديد العرض المُناسب
CODE
width:0.00%;


مع تغيير 0.00 للعرض المُناسب ، و أى إستفسار آخر أنا موجود smile


تم تحرير المشاركة بواسطة :ezzeldean بتاريخ:21-04-2014 08:34 مساءً


look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر
  21-04-2014 08:36 مساءً   [2]
معلومات الكاتب ▼
انضم في : 27-11-2012
رقم العضوية : 2,642
المشاركات : 3,234
الدولة : morocco
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 6
قوة السمعة : 18,910
مرحبا أخي،

أولا بالنسبة ل body استبدل margin: 0px 150px 0px 150px; ب margin: 0;


ثمّ اذهب الى البحث في القوالب وابحث عن
CODE
<!--pbb.logo.end-->


أضف بعدها مباشرة (أسفل منها)
CODE
<div class="main-content">


ثمّ اذهب للقالب فوتر وابحث عن بداية كود الصورة الموجودة في فوتر منتداك، وأعتقد أنه
CODE
<table width="100%" border="0" cellspacing="0" cellpadding="0" dir="rtl">


ثمّ أضف قبله (أعلى منه)
CODE
</div>


بعد ذلك توجه إلى ورقة css وأضف الكلاس
CODE
.main-content {
margin: 0px 150px;
}

أو
CODE
.main-content {
width: 80%;
margin-left: auto;
margin-right:auto;
}


تم تحرير المشاركة بواسطة :Mr King بتاريخ:22-04-2014 03:29 صباحاً


look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر
  21-04-2014 10:23 مساءً   [3]
معلومات الكاتب ▼
انضم في : 19-04-2014
رقم العضوية : 5,322
المشاركات : 92
الجنس :
تاريخ الميلاد : 4-4-1997
قوة السمعة : 0
موقعي : زيارة موقعي
بالنسبة للاخ / ezzeldean
يعطيكك العافيةة و مقصرتت ي بططل
بس الكود حقكك للاسفف م نفع

وبالنسبة للاخ / Mr King
جزاك الله خير ، ضبط ويعمل تمام
ظبط مع هذا الكود
CODE
</strong></div>
	<div class="codemain">
		<div class="syntaxhighlighter nogutter  Brush" id="highlighter_245231">
			<div class="lines">
				<div>
					<strong>.main-content {</strong></div>
				<div>
					<strong>margin: 0px 150px;</strong></div>
				<div>
					<strong>}</strong></div>
			</div>
		</div>
	</div>
	<div>
		<strong>


شككرآ لكمم 805681


تم تحرير المشاركة بواسطة :Mta4Arabs بتاريخ:21-04-2014 11:07 مساءً


look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر
  21-04-2014 10:52 مساءً   [4]
معلومات الكاتب ▼
انضم في : 27-11-2012
رقم العضوية : 2,642
المشاركات : 3,234
الدولة : morocco
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 6
قوة السمعة : 18,910
نعم أخي يوجد خطأ في السطر
CODE
margin-let: auto;

ينقصه الحرف f (تمّ تعديله في ردّي السابق)
استبدله ب
CODE
margin-left: auto;


ويمكنك التعديل على القيمة 80% بما يناسبك


تم تحرير المشاركة بواسطة :Mr King بتاريخ:22-04-2014 03:30 صباحاً


look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر
  21-04-2014 11:08 مساءً   [5]
معلومات الكاتب ▼
انضم في : 19-04-2014
رقم العضوية : 5,322
المشاركات : 92
الجنس :
تاريخ الميلاد : 4-4-1997
قوة السمعة : 0
موقعي : زيارة موقعي
جزاكك الله خير gooood

look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر
  24-04-2014 12:37 مساءً   [6]
معلومات الكاتب ▼
انضم في : 27-11-2012
رقم العضوية : 2,642
المشاركات : 3,234
الدولة : morocco
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 6
قوة السمعة : 18,910
السلام عليكم ورحمة الله وبركاته ،،
تم غلق الموضوع لأحد الأسباب التالية:
  1. تم حل المشكلة والحمد لله.
  2. بقاء الموضوع لمدة 3 أيام بدون الرد عليه أو وجود إشارة تدل على رجوع العضو إليه.
  3. لا يوجد حل لهذه المشكلة (إذا وجد الحل سوف يتم إعادة فتح الموضوع).
عزيزي العضو حرصا على عدم تداخل المواضيع ببعضها وبالتالي صعوبة إستخدام عملية البحث بالنسبة للأعضاء قررت إدارة المنتديات بإغلاق المواضيع التي تتوافق مع الأسباب السابقة. بإمكانك بدأ موضوع جديد أو مراسلة أحد المشرفين إن كنت متأكد من رغبتك في الإستمرار .

إدارة المنتديات،،



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
مشكلة في تمدد الهيدر والفوتر إذا كان الوسط محدد بالبيكسل محمد333
11 1685 محمد333
[ مشكله] تمدد الصفحة خارج حدود الهيدر سماء
10 2297 سماء

الكلمات الدلالية
لا يوجد كلمات دلالية ..









الساعة الآن 04:54 PM