طريقة عرض المواضيع والمشاركات بشكل أفقى للجيل الخامس vb5

الفارس

New member
21 فبراير 2019
1,010
0
0
السلام عليكم ورحمة الله وبركاته
اعزائي بركن تطوير المنتديات مستخدمي الجيل الخامس من vBulletin اقدم لكم شرح طريقة تحويل قالب عرض الموضوع من عمودي الي افقي منسق تماماً حيث قمت بطرحه منذ فترة لطريقة تحويل قالب عرض الموضوع من عمودي الي افقي ولكنه كان تعديل يناسب المنتديات الاجنبية فقط لم يكن بالشكل المناسب للمنتديات العربية واليوم قمت بتعديل القالب ليظهر بشكل مناسب تماما للجميع. شاهد الصورة
attachment.php

كل ما هو مطلوب نسخ الكود التالي ووضع في قالب 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 */