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


تحميل النسخة 3.0.3 


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



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

آلسلآمم عليكم ورحمهه الله .. اخوانني عندي مشككلة ب تمدد الهيدر + الفوتر انا مسوي ب CSS [code]Ym9keSB7PGJyIC8+DQoJYmFj ..


موضوع مغلق


subject icon مشكلة تمدد الهيدر + الفوتر
21-04-2014 02:42 مساء
بدون صورة شخصية
Mta4Arabs
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 19-04-2014
رقم العضوية : 5322
المشاركات : 92
الجنس : ذكر
تاريخ الميلاد : 4-4-1997
قوة السمعة : 0
موقعي : زيارة موقعي
PBBoard Version : 3.0.1
 offline 
آلسلآمم عليكم ورحمهه الله ..
اخوانني عندي مشككلة ب تمدد الهيدر + الفوتر 155
انا مسوي ب CSS

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



21-04-2014 08:27 مساء
مشاهدة مشاركة منفردة [1]
بدون صورة شخصية
ezzeldean
عضو سوبر ستار
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 19-07-2009
رقم العضوية : 11
المشاركات : 4342
الدولة : Egypt
الجنس : ذكر
تاريخ الميلاد : 13-7-1993
الدعوات : 10
قوة السمعة : 12687
موقعي : زيارة موقعي
PBBoard Version : 3.0.1
 offline 
look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر
من خلال كلاس logostrip إحذف السطر التالى
width:97%;

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

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

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

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


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


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


21-04-2014 08:36 مساء
مشاهدة مشاركة منفردة [2]
صورة Mr King الشخصية
Mr King
عضو سوبر ستار
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3230
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 7
قوة السمعة : 18750
PBBoard Version : 3.0.2
 offline 
look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر
مرحبا أخي،

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


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


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


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


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


بعد ذلك توجه إلى ورقة css وأضف الكلاس
.main-content {

margin: 0px 150px;

}

أو
.main-content {

width: 80%;

margin-left: auto;

margin-right:auto;

}




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


21-04-2014 10:23 مساء
مشاهدة مشاركة منفردة [3]
بدون صورة شخصية
Mta4Arabs
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 19-04-2014
رقم العضوية : 5322
المشاركات : 92
الجنس : ذكر
تاريخ الميلاد : 4-4-1997
قوة السمعة : 0
موقعي : زيارة موقعي
PBBoard Version : 3.0.1
 offline 
look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر
بالنسبة للاخ / ezzeldean
يعطيكك العافيةة و مقصرتت ي بططل
بس الكود حقكك للاسفف م نفع

وبالنسبة للاخ / Mr King
جزاك الله خير ، ضبط ويعمل تمام
ظبط مع هذا الكود
.main-content {
margin: 0px 150px;
}

شككرآ لكمم 805681



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


21-04-2014 10:52 مساء
مشاهدة مشاركة منفردة [4]
صورة Mr King الشخصية
Mr King
عضو سوبر ستار
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3230
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 7
قوة السمعة : 18750
PBBoard Version : 3.0.2
 offline 
look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر
نعم أخي يوجد خطأ في السطر
margin-let: auto;

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


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


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


21-04-2014 11:08 مساء
مشاهدة مشاركة منفردة [5]
بدون صورة شخصية
Mta4Arabs
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 19-04-2014
رقم العضوية : 5322
المشاركات : 92
الجنس : ذكر
تاريخ الميلاد : 4-4-1997
قوة السمعة : 0
موقعي : زيارة موقعي
PBBoard Version : 3.0.1
 offline 
look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر

جزاكك الله خير gooood



24-04-2014 12:37 مساء
مشاهدة مشاركة منفردة [6]
صورة Mr King الشخصية
Mr King
عضو سوبر ستار
rating
العضو غائب
معلومات الكاتب ▼
تاريخ الإنضمام : 27-11-2012
رقم العضوية : 2642
المشاركات : 3230
الدولة : morocco
الجنس : ذكر
تاريخ الميلاد : 1-1-1987
الدعوات : 7
قوة السمعة : 18750
PBBoard Version : 3.0.2
 offline 
look/images/icons/i1.gif مشكلة تمدد الهيدر + الفوتر
السلام عليكم ورحمة الله وبركاته ،،

تم غلق الموضوع لأحد الأسباب التالية:
  1. تم حل المشكلة والحمد لله.
  2. بقاء الموضوع لمدة 3 أيام بدون الرد عليه أو وجود إشارة تدل على رجوع العضو إليه.
  3. لا يوجد حل لهذه المشكلة (إذا وجد الحل سوف يتم إعادة فتح الموضوع).
عزيزي العضو حرصا على عدم تداخل المواضيع ببعضها وبالتالي صعوبة إستخدام عملية البحث بالنسبة للأعضاء قررت إدارة المنتديات بإغلاق المواضيع التي تتوافق مع الأسباب السابقة. بإمكانك بدأ موضوع جديد أو مراسلة أحد المشرفين إن كنت متأكد من رغبتك في الإستمرار .

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



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

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

 







الساعة الآن 02:27 صباحا