هيلبرنت
01-05-2019, 10:34 PM
السلام عليكم ورحمة الله وبركاته
اعزائي بركن تطوير المنتديات مستخدمي الجيل الخامس من vBulletin اقدم لكم شرح طريقة تحويل قالب عرض الموضوع من عمودي الي افقي منسق تماماً حيث قمت بطرحه منذ فترة لطريقة تحويل قالب عرض الموضوع من عمودي الي افقي ولكنه كان تعديل يناسب المنتديات الاجنبية فقط لم يكن بالشكل المناسب للمنتديات العربية واليوم قمت بتعديل القالب ليظهر بشكل مناسب تماما للجميع. شاهد الصورة
https://www.helpernt.com/vb/attachment.php?attachmentid=2007&stc=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 */
اعزائي بركن تطوير المنتديات مستخدمي الجيل الخامس من vBulletin اقدم لكم شرح طريقة تحويل قالب عرض الموضوع من عمودي الي افقي منسق تماماً حيث قمت بطرحه منذ فترة لطريقة تحويل قالب عرض الموضوع من عمودي الي افقي ولكنه كان تعديل يناسب المنتديات الاجنبية فقط لم يكن بالشكل المناسب للمنتديات العربية واليوم قمت بتعديل القالب ليظهر بشكل مناسب تماما للجميع. شاهد الصورة
https://www.helpernt.com/vb/attachment.php?attachmentid=2007&stc=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 */