هيلبرنت | Helpernt - [XF 2.x] : طريقة عرض الموضوع و المشاركات بشكل افقى للزين فورو xF2.0

هيلبرنت | Helpernt (https://www.helpernt.com/vb/index.php)

- ركن شروحات الزين فورو XENFORO (https://www.helpernt.com/vb/forumdisplay.php?f=94)

- - [XF 2.x] : طريقة عرض الموضوع و المشاركات بشكل افقى للزين فورو xF2.0 (https://www.helpernt.com/vb/showthread.php?t=6922)

طريقة عرض الموضوع و المشاركات بشكل افقى للزين فورو xF2.0

السلام عليكم ورحمه الله وبركاته

درسنا اليوم يشرح كيفية تغيير طريقة عرض المواضيع والمشاركات فى الزين فورو الجيل الثانى 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-النتيجة

http://www.helpernt.com/vb/attachmen...1&d=1517677811

تم بحمد الله.

زمن التحويل التى يأحذها الاسكريبت للتحويل من 3 الى 5 دقائق