كود تخطيط صفحة منتدى

اهلا وسهلا بك ارجوا توضيح بنسخة منتداك كي اقوم بشرح لك طريقتين
طريقه تكون بورقة css فقط وبكود واحد

وطريقه هياء محمد وهو تعديل ب التومبلايت مع ورقة css
بانتظار فقط توضيح نسخة

شكرا على رادكِ 
استخدم نسخة phpbb2

اهلا الطريقة الاولى وهي سهله توضع بورقه css
من خلال فقط اضافة الصور بشكل صحيح بالكود واضافة القياسات الصحيحة والاهم هو تقطيع صحيح للاستايل

الكود:



.bodyline{
background: url("يمين اعلى") right top no-repeat,
url("رابط صوره شعار منتداك ىهنا") center top no-repeat,
url("يسار اعلى") left top no-repeat,
url("منتصف  متكرر للهيدر") center top repeat-x,
    /* كود صور اسفل المنتدى */
url("وسط الفوتر اسفل") center bottom no-repeat,
url("يسار الفوتر اسفل") left bottom no-repeat,
url("يمين الفوتر اسفل") right bottom no-repeat,
url("وسط فوتر مكرر متمدد اسفل") center bottom repeat-x,
url("اطار اليسار") left repeat-y,
url("اطار اليمين") right repeat-y;
padding: ارتفاع الهيدرpx عرض اطار يمين px ارتفاع الفوترpx عرض اطار اليسار px;


الطريقة الثانية :
اذهب إلى لوحة الإدارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب overall_header
ونبحث عن {JAVASCRIPT}
وضيف اسفله هالاكواد

الكود:


<style>
   



body {
margin:0px;
padding:0px;
}
.hhb{
   background-image:url('http://i68.servimg.com/u/f68/16/46/77/76/339.png');
   background-repeat:repeat;
   height:216px;
}
.hhr{
   background-image:url('http://i68.servimg.com/u/f68/16/46/77/76/25010.png');
   float:right;
   background-repeat:no-repeat;
   height:216px;
   width:468px;
}

.hhl{
   background-image:url('http://i68.servimg.com/u/f68/16/46/77/76/150.png');
   float:left;
   height:88px;
   width:465px;
   background-repeat:no-repeat;
   margin-left:30px;
   margin-top:50px;
}


    .content-left { 

      padding-left:35px; 
      background-image:url('http://i68.servimg.com/u/f68/16/46/77/76/2211.png'); 
      background-repeat:repeat-y; 
      background-position: left; 

    } 

    .content-right { 

      padding-right:35px; 
      background-image:url('http://i68.servimg.com/u/f68/16/46/77/76/1117.png'); 
      background-repeat:repeat-y; 
      background-position: right; 

    } 

    .content { 

      width: 100%; 
      margin: 0px auto; 
      background: #FFFFFF; 

    }

   
</style>

<div class="hhb">
<div class="hhr"></div>
<div class="hhl"></div></div>

   
<div class="content-left">
<div class="content-right">
 <div class="content">



هيدر يسار هيدر يمين هيدر وسط
ثم عارضة وسط عارضة يمين عارضة يسار
ثم تذهب الى قالب overall_footer_end
وضيفه باخر شئ الكود الاتي

الكود:


<style>
.ffb{
   background-image:url('http://i68.servimg.com/u/f68/16/46/77/76/uo-ou104.png');
   background-repeat:repeat;
   height:221px;
}
.ffr{
   background-image:url('http://i68.servimg.com/u/f68/16/46/77/76/uo-ou127.png');
   float:right;
   height:221px;
   width:400px;
   background-repeat:no-repeat;
}
.ffl{
   background-image:url('http://i68.servimg.com/u/f68/16/46/77/76/uo-ou103.png');
   width:385px;
   background-repeat:no-repeat;
   float:left;
   height:221px;
}
</style>

  </div>
  </div>
</div>
<div class="ffb">
<div class="ffl"></div>
<div class="ffr"></div></div>



حيث حروف معتمدة على فوتر يسار فوتر يمين فوتر متمدد

شكرا لكِ كثير على كود شغال 

ولكني عانيت في تركيب بستخدام طريقة الثانية 
ممكن نشوفي اشكال من هنـــا

ممكن تشرحيلي اين اخطائت ؟

الكود:


.hhb{background-image:url('http://i.imgur.com/iZ2VZNi.png');background-repeat:repeat;height:216px;}


هذا كود للخلفية متكررة وليس للهيدر اليسار اخطات بوضع الصورة هنا

الكود:


.hhl{background-image:url('http://i.imgur.com/ZI8tBwN.png');float:left;height:88px;width:465px;background-repeat:no-repeat;margin-left:30px;margin-top:50px;}


وهنا الهيدر يسار صورة خاطئة وﻻبد تتاكد من ارتفاع وعرض الهيدر اليسار

وايضا للفوتر نفس الخطا
ffb
خلفية المتكررة
ffl
فوتر يسار

JoryAbdallah كتب:

الكود:


.hhb{background-image:url('http://i.imgur.com/iZ2VZNi.png');background-repeat:repeat;height:216px;}


هذا كود للخلفية متكررة وليس للهيدر اليسار اخطات بوضع الصورة هنا

الكود:


.hhl{background-image:url('http://i.imgur.com/ZI8tBwN.png');float:left;height:88px;width:465px;background-repeat:no-repeat;margin-left:30px;margin-top:50px;}


وهنا الهيدر يسار صورة خاطئة وﻻبد تتاكد من ارتفاع وعرض الهيدر اليسار

وايضا للفوتر نفس الخطا
ffb
خلفية المتكررة
ffl
فوتر يسار

اسف تعبتك معي لقيت صعوبة في طريقة 2 لهيك رجعت للطريقة الاولة ونجحت معي
ولكن منتدى في اطار ولا يأخذ صفحة كاملة كيف استطيع حل هذا ؟

اهلا غير كلمة bodyline
الى body
اي الكود هيصبح هكذا

الكود:


body
{background:url(http://i.imgur.com/vP9Ll5O.png) right top no-repeat,
    url(http://i.imgur.com/QTz0Oc5.png) center top no-repeat,
    url(http://i.imgur.com/iZ2VZNi.png) left top no-repeat,
    url(http://i.imgur.com/QTz0Oc5.png) center top repeat-x,
    url(http://i.imgur.com/i4FKy2C.png) center bottom no-repeat,
    url(http://i.imgur.com/9KrUB4N.png) left bottom no-repeat,
    url(http://i.imgur.com/flgH7Jn.png) right bottom no-repeat,
    url(http://i.imgur.com/hXG1Myz.png) center bottom repeat-x,
    url(http://i.imgur.com/oP2j4NM.png) left repeat-y,
    url(http://i.imgur.com/Pkszpof.png) right repeat-y;
  padding:245px 35px 131px}


JoryAbdallah كتب:اهلا غير كلمة bodyline
الى body
اي الكود هيصبح هكذا

الكود:


body
{background:url(http://i.imgur.com/vP9Ll5O.png) right top no-repeat,
    url(http://i.imgur.com/QTz0Oc5.png) center top no-repeat,
    url(http://i.imgur.com/iZ2VZNi.png) left top no-repeat,
    url(http://i.imgur.com/QTz0Oc5.png) center top repeat-x,
    url(http://i.imgur.com/i4FKy2C.png) center bottom no-repeat,
    url(http://i.imgur.com/9KrUB4N.png) left bottom no-repeat,
    url(http://i.imgur.com/flgH7Jn.png) right bottom no-repeat,
    url(http://i.imgur.com/hXG1Myz.png) center bottom repeat-x,
    url(http://i.imgur.com/oP2j4NM.png) left repeat-y,
    url(http://i.imgur.com/Pkszpof.png) right repeat-y;
  padding:245px 35px 131px}


حذفت كلمة Line ولكن حدث مشكلة تصميم اختفى 
بعد ما رجعت كلمة line للتاكد طلع الهيدر فقط 
اعتقد مشكلة من الكود الاخر الذي اعطيته لي في هذا موضوع 
كيف احلها ؟

يا اخي ركز بالكود
الكود الاخير بدون نقطة ببدايته
وانت تقول حذفت lin بس يتواجد نقطه لم تحذفها
وتاكد انني اجرب الكود قبل ان اعطية للعضو فانا قلت لك استبدله ﻻن تغيير لن تلاحظة
بانتظار نتيجة

JoryAbdallah كتب:يا اخي ركز بالكود
الكود الاخير بدون نقطة ببدايته
وانت تقول حذفت lin  بس يتواجد نقطه لم تحذفها
وتاكد انني اجرب الكود قبل ان اعطية للعضو فانا قلت لك استبدله ﻻن تغيير لن تلاحظة
بانتظار نتيجة

استبدلته اختي 
ولكن رغما ذلك لسا هناك مشاكل شكل ستايل اتخرب
واطار لم يحذف شوفي مثال هنـــــا 
لن اقوم بتغير اي شيئ في منتدى لكي تراي مشكلة

لقد قمت بحل مشكلة اطار عن طريق

ادارة عامة > منتدى > تشكيل > عرض منتدى > خليتها 100%

ورجعت الاعدادات القديمة التي فيها bodyline.
واشتغلت معي بنجاح