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

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

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


  1. منتدى دعم PBBoard الرسمي
  • قسم تطوير منتديات PBBoard
  • ستايلات Styles
  • مشاكل وحلول الاستايلات
  • مشكلة تمدد الهيدر + الفوتر
    • موضوع مغلق


    subject icon مشكلة تمدد الهيدر + الفوتر
    21-04-2014 02:42 مساءً
    بدون صورة شخصية
    Mta4Arabs
    عضـو مشارك
    rating
    معلومات الكاتب ▼
    انضم في : 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]
    بدون صورة شخصية
    ezzeldean
    عضو سوبر ستار
    rating
    معلومات الكاتب ▼
    انضم في : 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]
    صورة Mr King الشخصية
    Mr King
    عضو سوبر ستار
    rating
    معلومات الكاتب ▼
    انضم في : 27-11-2012
    رقم العضوية : 2,642
    المشاركات : 3,234
    الدولة : morocco
    الجنس :
    تاريخ الميلاد : 1-1-1987
    الدعوات : 6
    قوة السمعة : 18,850
    مرحبا أخي،

    أولا بالنسبة ل 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]
    بدون صورة شخصية
    Mta4Arabs
    عضـو مشارك
    rating
    معلومات الكاتب ▼
    انضم في : 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]
    صورة Mr King الشخصية
    Mr King
    عضو سوبر ستار
    rating
    معلومات الكاتب ▼
    انضم في : 27-11-2012
    رقم العضوية : 2,642
    المشاركات : 3,234
    الدولة : morocco
    الجنس :
    تاريخ الميلاد : 1-1-1987
    الدعوات : 6
    قوة السمعة : 18,850
    نعم أخي يوجد خطأ في السطر
    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]
    بدون صورة شخصية
    Mta4Arabs
    عضـو مشارك
    rating
    معلومات الكاتب ▼
    انضم في : 19-04-2014
    رقم العضوية : 5,322
    المشاركات : 92
    الجنس :
    تاريخ الميلاد : 4-4-1997
    قوة السمعة : 0
    موقعي : زيارة موقعي
    جزاكك الله خير gooood

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

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



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

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

    « تغيير خلفية المواضيع الافتراضية | طلب تركيب الاستايل مع اعدادات css »








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