السلام عليكم ورحمة الله وبركاته
اعزائي بركن تطوير المنتديات مستخدمي الجيل الخامس من 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 */
اعزائي بركن تطوير المنتديات مستخدمي الجيل الخامس من 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 */