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

2 مشترك

اذهب الى الأسفل

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

مُساهمة من طرف FANSUBAR الجمعة 19 مايو 2017 - 18:25

السلام عليكم

بدي كود تخطيط صفحة منتدى كامل مثل لي في صورة


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


بعد ما تم اقاف منتدى هيا محمد الكود لم يعد يشتغل رجاء لمن لديه الكود مشاركته معي راح اكون شاكر 
FANSUBAR
FANSUBAR
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 2883
السُمعة : 1

http://koreafanz.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف JoryAbdallah الجمعة 19 مايو 2017 - 18:31

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

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

انثى
عدد المساهمات : 3029
معدل النشاط : 8407
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف FANSUBAR الجمعة 19 مايو 2017 - 18:40

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

ذكر
عدد المساهمات : 93
معدل النشاط : 2883
السُمعة : 1

http://koreafanz.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف JoryAbdallah الجمعة 19 مايو 2017 - 19:14

اهلا الطريقة الاولى وهي سهله توضع بورقه 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>

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

انثى
عدد المساهمات : 3029
معدل النشاط : 8407
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف FANSUBAR الجمعة 19 مايو 2017 - 20:11

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

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

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

ذكر
عدد المساهمات : 93
معدل النشاط : 2883
السُمعة : 1

http://koreafanz.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف JoryAbdallah الجمعة 19 مايو 2017 - 20:19

الكود:

.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
JoryAbdallah
 
 

انثى
عدد المساهمات : 3029
معدل النشاط : 8407
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف FANSUBAR الجمعة 19 مايو 2017 - 21:38

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 لهيك رجعت للطريقة الاولة ونجحت معي
ولكن منتدى في اطار ولا يأخذ صفحة كاملة كيف استطيع حل هذا ؟
FANSUBAR
FANSUBAR
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 2883
السُمعة : 1

http://koreafanz.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف JoryAbdallah الجمعة 19 مايو 2017 - 23:40

اهلا غير كلمة 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
JoryAbdallah
 
 

انثى
عدد المساهمات : 3029
معدل النشاط : 8407
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف FANSUBAR السبت 20 مايو 2017 - 0:02

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 للتاكد طلع الهيدر فقط 
اعتقد مشكلة من الكود الاخر الذي اعطيته لي في هذا موضوع 
كيف احلها ؟
FANSUBAR
FANSUBAR
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 2883
السُمعة : 1

http://koreafanz.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف JoryAbdallah السبت 20 مايو 2017 - 4:03

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

انثى
عدد المساهمات : 3029
معدل النشاط : 8407
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف FANSUBAR السبت 20 مايو 2017 - 13:42

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

ذكر
عدد المساهمات : 93
معدل النشاط : 2883
السُمعة : 1

http://koreafanz.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف FANSUBAR السبت 20 مايو 2017 - 14:28

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

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

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

ذكر
عدد المساهمات : 93
معدل النشاط : 2883
السُمعة : 1

http://koreafanz.yoo7.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: كود تخطيط صفحة منتدى

مُساهمة من طرف JoryAbdallah السبت 20 مايو 2017 - 16:38

تم حل المشكلة & ينقل للأرشيف.
يرجى مراجعة : قوانين منتدى الدعم
JoryAbdallah
JoryAbdallah
 
 

انثى
عدد المساهمات : 3029
معدل النشاط : 8407
السُمعة : 295

http://taqnyiat.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى