السلام عليكم ورحمه الله وبركاته
درسنا اليوم يشرح كيفية تغيير طريقة عرض المواضيع والمشاركات فى الزين فورو الجيل الثانى XENFORO 2.0 حيث ان المتبع هنا فى هذا الجيل هو عرض المشاركات وراس الموضوع بشكل رأسى فاليوم اضع بين ايديكم كود جميل من شأنه تحويل طريقة العرض من رأسيه الى أفقية.
اسم الدرس: طريقة عرض الموضوع و المشاركات بشكل افقى للزين فورو xF2.0
توافق الدرس : مع الجيل الثانى XF 2.0
الخطوات
1- قم بتسجيل الدخول للوحة تحكم منتداك
2- ابحث عن قالب اسمه extra.less ثم ضع هذا الكود فيه ثم احفظ
كود:
.message-avatar {
float: left
}
@media (min-width: 650px) {
.message-userDetails {
display:inline-block;
padding: 10px;
min-width: auto;
min-height: 96px
}
}
@media (max-width: 800px) {
.message:not(.message--forceColumns) .message-userExtras {
display: none;
}
}
.message-userExtras {
display: block;
float: right;
margin-top: -10px !important;
width: 31%;
background: azure;
margin-right: -10px
}
.message-userArrow {
top: 0px !important;
right: 0px !important;
border: 0px solid transparent !important
}
.message-userArrow:after {
border: 0px solid transparent !important
}
.message-inner {
display: block !important
}
.template-thread_view .message-cell.message-cell--user,.template-thread_view .message-cell.message-cell--action {
padding: 10px;
width: 100%;
max-height: 150px;
}
.message.message--quickReply.block-topRadiusContent.block-bottomRadiusContent .message-cell.message-cell--user {
display: none
}
.message--simple .message-cell.message-cell--user {
display: none
}
.message-userExtras dl:nth-child(2n+1) {
float: left !important;
width: 49%;
padding-right: 10px
}
.message-userExtras dl:nth-child(2n+2) {
float: right;
width: 49%
}
.template-thread_view .pairs.pairs--justified {
border: 1px solid rgba(11,76,91,0.2);
padding: 3px;
margin: 1px
}
.message-avatar .avatar {
border-radius: 50%;
border: 3px solid #d8d8d8;
}
.message-cell.message-cell--user {
border-right: none;
}
3-النتيجة
تم بحمد الله.
زمن التحويل التى يأحذها الاسكريبت للتحويل من 3 الى 5 دقائق