من المعروف ان الجيل الخامس من منتديات vBulletin جاء بنظام عرض معلومات العضو بشكل عمودي فقط ولم يتم اتاحة خيار إستخدم قالب بوست بت ليجاسي أفقي كما بالجيل الثالث والرابع
لذلك نقدم لكم تعديل بسيط يعمل على تغير شكل الموضوع من النظام العمودي إلي الأفقي بطريقة سهلة بالإضافة الي ان هذا التعديل متوافق تماماً مع الجوال
الطريقة
من خلال لوحة تحكم الادارة نفتح الاستايل المطلوب ونبحث عن قالب css_additional ونقوم بالصق الكود التالي به
ملاحظة: يعتمد هذا الكود على الاستايل الافتراضي لـ vB5.
لذلك نقدم لكم تعديل بسيط يعمل على تغير شكل الموضوع من النظام العمودي إلي الأفقي بطريقة سهلة بالإضافة الي ان هذا التعديل متوافق تماماً مع الجوال
الطريقة
من خلال لوحة تحكم الادارة نفتح الاستايل المطلوب ونبحث عن قالب css_additional ونقوم بالصق الكود التالي به
كود:
/* Horizontal Postbit Layout END */
}
right: 10px;
left: auto;
bottom: auto;
top: 10px;
.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details .b-userinfo__icons {
}
margin-top: 5px;
.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details .b-userinfo__additional-info-block {
.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details .b-meter,
}
vertical-align: top;
display: inline-block;
.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details {
}
margin-right: 5px;
.b-post .l-row .l-col__small--full .b-userinfo .b-avatar {
}
padding: 10px;
text-align: left;
.b-post .l-row .l-col__small--full .b-userinfo {
}
margin-right: 10px;
vertical-align: top;
display: inline-block;
.b-post .b-userinfo__additional-info {
}
margin-right: 0;
margin-left: 0;
float: none;
width: 100% !important;
padding-right: 0 !important;
padding-left: 0;
.b-post .l-row .l-col__small--full {
}
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: none; border-bottom: 10px solid #FFF; /* Change #FFF to the reply background color if you changed the default */
left: 39px;
top: -10px;
.b-post .js-post__content-wrapper .b-post__arrow {
} border-bottom-color: #EBF4F9; /* Change to the first post background color if you changed the default */
.b-post.b-post--first .js-post__content-wrapper .b-post__arrow {
}
margin-right: 0 !important;
margin-left: 0 !important;
float: none !important;
width: 100% !important;
.b-post .js-post__content-wrapper { /* Horizontal Postbit Layout START */
ملاحظة: يعتمد هذا الكود على الاستايل الافتراضي لـ vB5.