تغيير عرض الأقسام لنظام القوالب - " الأقسام على شكل مربعات "

[Ana Maly]

السلام عليكم ورحمة الله وبركاته
أسعد الله أوقاتكم بكل خيـر ..
هذا شرح لطريقه ، الكل يعرفها من الجيل الثالث
الا وهي تغيير طريقة عرض الأقسام لنظام القوالب
بمعنى الأقسام تكون على شكل مربعات
وليست تحت بعض ..
مثال
" إضغط على الصوره للتكبير "
http://upload.traidnt.net/upfiles/tm_v6517374.jpg ([URL]http://upload.traidnt.net/upfiles/v6517374.jpg)


طريقتها سهله مُجرد إضافة لقالب forumbits.css
[ الإستايلات والقوالب > البحث في القوالب > forumbits.css ]
طبعاً تختار تعدل على أي إستايل تبيه انت
ثم تضيف هذا الكود بآخر القالب
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
border-top: 0;
}
.forumrow .table {
height: 100px;
}
ol.childforum {
float: Right;
width: 100%;
margin: 0;
padding: 0;
}
.childforum li.forumbit_post {
float: Right;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
#forums .L1 .L2 {
clear:none;
}
.forumbit_post .forumrow .forumlastpost {
clear:both;
width:95%;
}
.forumbit_post .forumlastpost .lastpostby {
display: block;
float: Right;
}
.forumbit_post .forumlastpost .lastpostdate {
display: block;
float: right;
}
.forumbit_post .forumlastpost .lastposttitle {
display: block;
float: Right;
}
.forumbit_post .foruminfo {
clear:right;
float:Right;
min-width:50%;
width:70%;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
width:20%;
}
.subforums ol.subforumlist {
float: Right;
width: 100%;
margin: 0;
padding: 0;
}
.subforumlist li.subforum {
float: Right;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
/* to remove the commas */
.commalist li.subforum:after {
content:"";
}[ حفظ ]
==
طبعاً هذي الطريقه متوافقه مع اللغه العربيه فقط
الي عنده اللغه الإنجليزيه .. يحمل الملف المرفق
ويضيفه فـ القالب بدل الكود الي فوق
تقبلّ الله صيامكم وقيامكم .
:poster_kewlpics[1]:
منقول للفائده

[فارس عديل]

السيد
شكرا على المجهود

[Ana Maly]

شكرا لك فارس على المرور

ارق تحيه

[ملوك الإمارات]

نقله رائعه اخي العزيز

مودتي لك