منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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

السلام عليكم

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





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



ذكر
عدد المساهمات : 27
معدل النشاط : 44
السُمعة : 0

http://koreafanz.yoo7.com

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

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

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

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

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


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
سوبرمان المساعدة
سوبرمان المساعدة

انثى
عدد المساهمات : 3344
معدل النشاط : 4858
السُمعة : 244

http://taqnyiat.ahlamontada.com/

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

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

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

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



ذكر
عدد المساهمات : 27
معدل النشاط : 44
السُمعة : 0

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>

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


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
سوبرمان المساعدة
سوبرمان المساعدة

انثى
عدد المساهمات : 3344
معدل النشاط : 4858
السُمعة : 244

http://taqnyiat.ahlamontada.com/

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

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

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

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

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

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



ذكر
عدد المساهمات : 27
معدل النشاط : 44
السُمعة : 0

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
فوتر يسار


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
سوبرمان المساعدة
سوبرمان المساعدة

انثى
عدد المساهمات : 3344
معدل النشاط : 4858
السُمعة : 244

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



ذكر
عدد المساهمات : 27
معدل النشاط : 44
السُمعة : 0

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}


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
سوبرمان المساعدة
سوبرمان المساعدة

انثى
عدد المساهمات : 3344
معدل النشاط : 4858
السُمعة : 244

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



ذكر
عدد المساهمات : 27
معدل النشاط : 44
السُمعة : 0

http://koreafanz.yoo7.com

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

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

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

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


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
سوبرمان المساعدة
سوبرمان المساعدة

انثى
عدد المساهمات : 3344
معدل النشاط : 4858
السُمعة : 244

http://taqnyiat.ahlamontada.com/

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

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

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

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



ذكر
عدد المساهمات : 27
معدل النشاط : 44
السُمعة : 0

http://koreafanz.yoo7.com

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

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

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

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

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

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



ذكر
عدد المساهمات : 27
معدل النشاط : 44
السُمعة : 0

http://koreafanz.yoo7.com

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

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

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

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


 التقنيات المتقدمة جديد الاكواد والقوالب الحصرية لتطوير منتداك
 ضع موضوعك بالقسم مناسب .. ولا تكرر الردود واتبع تعليمات المساعدين
avatar
JoryAbdallah
سوبرمان المساعدة
سوبرمان المساعدة

انثى
عدد المساهمات : 3344
معدل النشاط : 4858
السُمعة : 244

http://taqnyiat.ahlamontada.com/

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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