XenForo 2.3.x Versiyonları İçin Yatay Postbit

[xenturka]

Xenforo forumlarınızda yatay postbit kullanmak için aşağıda ki kodu extra.less şablonuna eklemeniz yeterlidir.

Kodu ekledikten sonra yukarda ki görselde ki gibi bir görünüm olacaktır.

.message--post {
    .message-inner {
        flex-direction: column;
        
        .message-cell.message-cell--user {
            flex: 0 0 100%;
            border-radius: 0px !important;
            border-bottom: solid 1px @xf-borderColor;
            border-right: 0;
            padding-top: 10px;
            padding-bottom: 10px;
            
            .message-user {
                display: flex;
                align-items: center;
                .message-avatar {
                    margin-bottom: 0;
                }
                .message-userDetails {
                    margin-left: 0;
                    flex: 1;
                    min-width: 0;
                    padding-left: 15px;
                    width: 100%;
                }
                .message-name {
                text-align: left;
                }
                .message-userBanner.userBanner {
                    display: inline-block;
                    text-align: left;
                    margin: 0;
                }
            }
        }
        .message-userExtras {
            margin-top: 0;
            column-count: 2;
            .pairs {
                padding: @xf-paddingMedium;
                border: solid @xf-borderSize @xf-borderColor;
                border-radius: @xf-borderRadiusSmall;
                margin-top: 1px;
                &:first-child {
                    margin-top: 0px;
                }
            }
        }
        .message-userDetails {
            display: inline-block;
            flex-grow: 1;
            flex-direction: column;
            min-width: 0;
            max-width: 100%;
        }
        
        .message-userTitle {
            text-align: left;
        }
        
        .message-userArrow {
            display: none;
        }
    }
    
    @media (max-width: @xf-responsiveMedium) {   
        .message-inner .message-cell--user {
            padding-top: 10px;
            padding-bottom: 10px;
        }
    }
}

@media (max-width: @xf-responsiveWide) {
    .message--post .message-inner .message-userExtras {
        column-count: 2;
    }
}

.message {
    .actionBar {
        border-top: solid 1px @xf-borderColor;
        margin-top: 8px;
    }
}

.message-cell--vote {
    border-left: 0 !important;
    border-top: solid 1px @xf-borderColor;
    border-bottom-left-radius: @xf-xt_tema_genel_radius !important;
    border-bottom-right-radius: @xf-xt_tema_genel_radius !important;
}

[data-template="thread_view_type_question"] {
    .block--messages {
        .message {
            .message-inner {
                .message-cell {
                    &:first-child {
                         border-radius: 0;
                    }
                    &:last-child {
                        border-radius: 0;
                    }
                }
            }
            &:not(.message--forceColumns) {
                .message-column {
                    flex-direction: row;
                    justify-content: center;
                }
                .contentVote {
                    flex-direction: row;
                    justify-content: center;
                }
                .message-cell.message-cell--vote {
                    .solutionIcon {
                        margin-top: 0;
                    }
                }
            }
        }
    }
}