هيلبرنت | Helpernt - vBulletin 5 طريقة عرض المواضيع والمشاركات بشكل أفقى للجيل الخامس vb5

السلام عليكم ورحمة الله وبركاته

اعزائي بركن تطوير المنتديات مستخدمي الجيل الخامس من vBulletin اقدم لكم شرح طريقة تحويل قالب عرض الموضوع من عمودي الي افقي منسق تماماً حيث قمت بطرحه منذ فترة لطريقة تحويل قالب عرض الموضوع من عمودي الي افقي ولكنه كان تعديل يناسب المنتديات الاجنبية فقط لم يكن بالشكل المناسب للمنتديات العربية واليوم قمت بتعديل القالب ليظهر بشكل مناسب تماما للجميع. شاهد الصورة

https://www.helpernt.com/vb/attachme...1&d=1546716851

كل ما هو مطلوب نسخ الكود التالي ووضع في قالب css_additional

كود:

/* Horizontal Postbit Layout START */

.b-post .js-post__content-wrapper {

width: 100% !important;

float: none !important;

margin-right: 0 !important;

margin-left: 0 !important;

}

.b-post.b-post--first .js-post__content-wrapper .b-post__arrow {

border-bottom-color: #EBF4F9;

}

.b-post .js-post__content-wrapper .b-post__arrow {

top: -10px;

right: 39px;

border-bottom: 10px solid #FFF;

border-top: none;

border-left: 6px solid transparent;

border-right: 6px solid transparent;

}

.b-post .l-row .l-col__small--full {

padding-right: 0;

padding-left: 0 !important;

width: 100% !important;

float: none;

margin-right: 0;

margin-left: 0;

}

.b-post .b-userinfo__additional-info {

display: inline-block;

vertical-align: top;

margin-left: 10px;

}

.b-post .l-row .l-col__small--full .b-userinfo {

text-align: right;

padding: 10px;

}

.b-post .l-row .l-col__small--full .b-userinfo .b-avatar {

margin-left: 5px;

}

.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details {

display: inline-block;

vertical-align: top;

}

.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details .b-meter,

.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details .b-userinfo__additional-info-block {

margin-top: 5px;

}

.b-post .l-row .l-col__small--full .b-userinfo .b-userinfo__details .b-userinfo__icons {

top: 10px;

bottom: auto;

right: auto;

left: 10px;

}

.b-post .l-row .l-col__small--full {

    position: relative;

}

.b-sharing-menu {

    position: absolute;

    bottom: 10px;

    left: 10px;

}

/* Horizontal Postbit Layout END */