كود تخطيط صفحة منتدى
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
كود تخطيط صفحة منتدى
السلام عليكم
بدي كود تخطيط صفحة منتدى كامل مثل لي في صورة
بعد ما تم اقاف منتدى هيا محمد الكود لم يعد يشتغل رجاء لمن لديه الكود مشاركته معي راح اكون شاكر
بدي كود تخطيط صفحة منتدى كامل مثل لي في صورة
بعد ما تم اقاف منتدى هيا محمد الكود لم يعد يشتغل رجاء لمن لديه الكود مشاركته معي راح اكون شاكر
رد: كود تخطيط صفحة منتدى
اهلا وسهلا بك ارجوا توضيح بنسخة منتداك كي اقوم بشرح لك طريقتين
طريقه تكون بورقة css فقط وبكود واحد
وطريقه هياء محمد وهو تعديل ب التومبلايت مع ورقة css
بانتظار فقط توضيح نسخة
طريقه تكون بورقة css فقط وبكود واحد
وطريقه هياء محمد وهو تعديل ب التومبلايت مع ورقة css
بانتظار فقط توضيح نسخة
رد: كود تخطيط صفحة منتدى
اهلا الطريقة الاولى وهي سهله توضع بورقه css
من خلال فقط اضافة الصور بشكل صحيح بالكود واضافة القياسات الصحيحة والاهم هو تقطيع صحيح للاستايل
الطريقة الثانية :
اذهب إلى لوحة الإدارة. مظهر المنتدى. قوالب التومبلايت. ادارة عامة. قالب overall_header
ونبحث عن {JAVASCRIPT}
وضيف اسفله هالاكواد
ثم عارضة وسط عارضة يمين عارضة يسار
ثم تذهب الى قالب overall_footer_end
وضيفه باخر شئ الكود الاتي
من خلال فقط اضافة الصور بشكل صحيح بالكود واضافة القياسات الصحيحة والاهم هو تقطيع صحيح للاستايل
- الكود:
.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
اي الكود هيصبح هكذا
- الكود:
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 ولكن حدث مشكلة تصميم اختفى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 للتاكد طلع الهيدر فقط
اعتقد مشكلة من الكود الاخر الذي اعطيته لي في هذا موضوع
كيف احلها ؟
رد: كود تخطيط صفحة منتدى
يا اخي ركز بالكود
الكود الاخير بدون نقطة ببدايته
وانت تقول حذفت lin بس يتواجد نقطه لم تحذفها
وتاكد انني اجرب الكود قبل ان اعطية للعضو فانا قلت لك استبدله ﻻن تغيير لن تلاحظة
بانتظار نتيجة
الكود الاخير بدون نقطة ببدايته
وانت تقول حذفت lin بس يتواجد نقطه لم تحذفها
وتاكد انني اجرب الكود قبل ان اعطية للعضو فانا قلت لك استبدله ﻻن تغيير لن تلاحظة
بانتظار نتيجة
رد: كود تخطيط صفحة منتدى
استبدلته اختيJoryAbdallah كتب:يا اخي ركز بالكود
الكود الاخير بدون نقطة ببدايته
وانت تقول حذفت lin بس يتواجد نقطه لم تحذفها
وتاكد انني اجرب الكود قبل ان اعطية للعضو فانا قلت لك استبدله ﻻن تغيير لن تلاحظة
بانتظار نتيجة
ولكن رغما ذلك لسا هناك مشاكل شكل ستايل اتخرب
واطار لم يحذف شوفي مثال هنـــــا
لن اقوم بتغير اي شيئ في منتدى لكي تراي مشكلة
رد: كود تخطيط صفحة منتدى
لقد قمت بحل مشكلة اطار عن طريق
ادارة عامة > منتدى > تشكيل > عرض منتدى > خليتها 100%
ورجعت الاعدادات القديمة التي فيها bodyline.
واشتغلت معي بنجاح
ادارة عامة > منتدى > تشكيل > عرض منتدى > خليتها 100%
ورجعت الاعدادات القديمة التي فيها bodyline.
واشتغلت معي بنجاح
مواضيع مماثلة
» تصميم تخطيط الشبكة (GRID) متاح الآن على جميع نسخ منتديات أحلى منتدى
» اقتراح وضع صفحة لاشهار منتدى لأحلى منتدى
» كيف اضع اعلان عن منتدى ؟ في بداية صفحة الرئيسيه :"
» جديد: عرض تصميم تخطيط الشبكة (GRID) للمواضيع لإصداري AwesomeBB وModernBB
» أنشاء صفحة فيسبوك خاصة منتدى دعم
» اقتراح وضع صفحة لاشهار منتدى لأحلى منتدى
» كيف اضع اعلان عن منتدى ؟ في بداية صفحة الرئيسيه :"
» جديد: عرض تصميم تخطيط الشبكة (GRID) للمواضيع لإصداري AwesomeBB وModernBB
» أنشاء صفحة فيسبوك خاصة منتدى دعم
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى