تحويل عرض الي افقي في الجيل الخامس vb5

القيصر

New member
26 فبراير 2019
1,003
0
0
السلام عليكم ورحمة الله وبركاته

اعزائي بركن تطوير المنتديات مستخدمي الجيل الخامس من vBulletin

اقدم لكم شرح طريقة تحويل قالب عرض الموضوع من عمودي الي افقي منسق تماماً

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

شاهد الصورة



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