template : ستايل كامل لصفحة المنتدى مميزآت آلگود :
* لقوالب التومپيلآت خالي من الاخطاء بتقنية css
* پآستخدآم آلگود يچعل آلآستآيل متمدد عند تصغير آلصفحة آو تگپريهآ
ملآحظآت آلگود : - يچپ تقطيع وتوزيع آلآستآيل پهذآ آلشگل أو مشآپه له
معلومآت آلگود :
آلنسخة : phpbb2
آلنوع : تومبيلات
طريقهّ آلترّگيّپ :
لوحة الادارة - مظهر المنتدى - التومبيلات القوالب
قالب overall_header
نعدل عليه نبحث عن
- الكود:
-
{JAVASCRIPT}
ونضيف تحتة مباشرة هذا
- الكود:
-
<div class="container"><div id="header"><div
id="header_right"></div><div
class="header_left"></div><div
class="header_center"></div> </div> <div
class="content-left"><div class="content-right"> <div
class="content">
ثم نسجل
وقالب overall_footer_end
نبحث عن
- الكود:
-
{PROTECT_FOOTER}
</td>
</tr>
</table>
ونضيف تحته مباشرة هذا
- الكود:
-
</div></div></div><div id="footer"><div
class="footer_right"></div><div
class="footer_left"></div><div
class="footer_center"></div></div>
ونسجل
من ورقة css نضيف هذا ونعدل على الاشياء المطلوبة
- الكود:
-
/* گـــود ستآيل گآمل لصفحة آلمنتدى */
/*---------- www.haya-m.net ----------- */
body{
padding:0;
margin: 0;
}
.container { padding:0; margin: 0px auto;}
#header {
background-image:url('أعلى آلصفحة خلفية متمدده');
width:100%;
height:آرتفآع آلخلفيةpx;
background-repeat:repeat-x;
position:relative;
}
#header_right {
background-image:url('أعلى آلصفحة يمين');
width:عرض آلصورةpx;
height:آرتفآع آلصورةpx;
float:right;
background-repeat:no-repeat;
position:relative;
}
#header .header_left {
background-image:url('أعلى آلصفحة يسآر');
width:عرض آلصورةpx;
height:آرتفآع آلصورةpx;
float:left;
background-repeat:no-repeat;
position:relative;
}
.header_center {
background-image: url('أعلى آلصفحة وسط');
background-repeat: no-repeat;
width:عرض آلصورةpx;
height:آرتفآع آلصورةpx;
margin-right: auto;
margin-left: auto;
position:relative;
}
.content-left {
padding-left:آلعرضpx;
background-image:url('چآنپ آلصفحة يسآر');
background-repeat:repeat-y;
background-position: left;
}
.content-right {
padding-right:آلعرضpx;
background-image:url('چآنپ آلصفحة يمين');
background-repeat:repeat-y;
background-position: right;
}
.content {
width: 100%;
margin: 0px auto;
background: #fafbfb url('خلفية آلصفحة');
}
#footer {
background-image:url('أسفل آلصفحة خلفية متمدده');
width:100%;
height:آرتفآع آلخلفيةpx;
background-repeat:repeat-x;
}
.footer_right {
background-image:url('أسقل آلصفحة يمين');
width:عرض آلصورةpx;
height:آرتفآع آلصورةpx;
float:right;
background-repeat:no-repeat;
}
.footer_left {
background-image:url('أسفل آلصفحة يسآر');
width:عرض آلصورةpx;
height:آرتفآع آلصورةpx;
float:left;
background-repeat:no-repeat;
}
.footer_center {
background-image: url('أسفل آلصفحة وسط');
background-repeat: no-repeat;
width:عرض آلصورةpx;
height:آرتفآع آلصورةpx;
margin-right: auto;
margin-left: auto;
position:relative;
}