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

ستايلات Styles

مشاكل وحلول الاستايلات

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

: موضوع مغلق

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

21-04-2014 02:42 مساءً

Mta4Arabs

آلسلآمم عليكم ورحمهه الله ..

اخوانني عندي مشككلة ب تمدد الهيدر + الفوتر

انا مسوي ب CSS

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

انا ابغى الاقسام بس 150px

وابي الهيدر والفوتر يكون طبيعي 0px

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

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

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

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

21-04-2014 08:27 مساءً [1]

ezzeldean

من خلال كلاس logostrip إحذف السطر التالى

CODE

width:97%;<br />

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

و من خلال كلاس footer_bar إحذف السطر التالى

CODE

width:97.5%;<br />

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

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

CODE

width:0.00%;<br />

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

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

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

21-04-2014 08:36 مساءً [2]

Mr King

مرحبا أخي،

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

ثمّ اذهب الى البحث في القوالب وابحث عن
CODE


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

ثمّ اذهب للقالب فوتر وابحث عن بداية كود الصورة الموجودة في فوتر منتداك، وأعتقد أنه

CODE
<table width="100%" border="0" cellspacing="0" cellpadding="0" dir="rtl">

ثمّ أضف قبله (أعلى منه)

CODE
</div>

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

CODE
.main-content {<br /> margin: 0px 150px;<br /> }<br />

أو

CODE
.main-content {<br /> width: 80%;<br /> margin-left: auto;<br /> margin-right:auto;<br /> }<br />

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

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

21-04-2014 10:23 مساءً [3]

Mta4Arabs

بالنسبة للاخ / 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>

شككرآ لكمم

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

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

21-04-2014 10:52 مساءً [4]

Mr King

نعم أخي يوجد خطأ في السطر

CODE
margin-let: auto;<br />

ينقصه الحرف f (تمّ تعديله في ردّي السابق)

استبدله ب
CODE
margin-left: auto;<br />

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

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

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

21-04-2014 11:08 مساءً [5]

Mta4Arabs

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

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

24-04-2014 12:37 مساءً [6]

Mr King

السلام عليكم ورحمة الله وبركاته ،،

تم غلق الموضوع لأحد الأسباب التالية:

تم حل المشكلة والحمد لله.
بقاء الموضوع لمدة 3 أيام بدون الرد عليه أو وجود إشارة تدل على رجوع العضو إليه.
لا يوجد حل لهذه المشكلة (إذا وجد الحل سوف يتم إعادة فتح الموضوع).

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

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

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

الكلمات الدلالية

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

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

الساعة الآن 08:47 AM