Hoş Geldin, Ziyaretçi!

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için forumka kayıt olmalı yada giriş yapmalısınız. Forum üye olmak tamamen ücretsizdir.

Güncel Xenforo Postbit Sorunu?

EzelX

xFanatik
XGT 2 kullanıcı
Katılım
22 Şub 2020
Mesajlar
108
Xenforo Yatay Postbit Kullanıyorum Extra.less İle Netron Hocanın Gösterdiği Gibi Yaptım Ama Şöyle Bir Sıkıntı Var

Rankların Yan Yana Olmasını İstiyorum Nasıl Yaparım?

postbit soru.png
 

MusaPekel

xFanatik
XGT 1 kullanıcı
Katılım
8 Ocak 2018
Mesajlar
831
Konum
İstanbul / Maltepe
Web sitesi
musapekel.com
Xenforo Yatay Postbit Kullanıyorum Extra.less İle Netron Hocanın Gösterdiği Gibi Yaptım Ama Şöyle Bir Sıkıntı Var

Rankların Yan Yana Olmasını İstiyorum Nasıl Yaparım?

Ekli dosyayı görüntüle 12343
Merhaba, Temadan Temaya değişebilir. Ama örnek olarak bir css kodu ekleyebilirsiniz.

CSS:
.message-userBanner.userBanner {
        display: table-cell;
}
Eğer bir değişiklik olmazsa site adresini paylaşabilirmisiniz.
 

EzelX

xFanatik
XGT 2 kullanıcı
Katılım
22 Şub 2020
Mesajlar
108
Kod:
.block--messages .message {
    &.is-mod-selected {border-color: transparent; border-bottom-color: @xf-inlineModHighlightColor;}
}
.blockMessage {box-shadow: none;
    &.blockMessage--none {box-shadow: none;}
}

.block--messages {.block-container {box-shadow: none;}}

.message-inner {display: block;}
.message-cell {
    .m-clearFix();
    &.message-cell--user {
        width: auto;
        border-right: none;
        border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
    }
    &.message-cell--main {padding-left: @xf-messagePadding;}
    &.message-cell--extra {
        width: auto;
        border-left: none;
    }
    .message--quickReply {}
}
.message--quickReply .message-cell--user {display:none;}

.message-userArrow {
    top: auto;
    right: auto;
    bottom: -7px;
    left: ((@avatar-s));
    content: "";
    border: none;
    .m-triangleLeft(@xf-contentBg, @xf-messagePadding - 1px);
    .m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

    &:after {
        top: auto;
        right: auto;
        left: -(@xf-messagePadding - 1px);
        bottom: [email protected];
        border: none;
        .m-triangleUp(@xf-contentBg, @xf-messagePadding - 1px);
    }
}

.message-avatar {margin-bottom: 0; .avatar {& + .message-avatar-online {left: auto; right: 1;}}}
.message-name {font-size: @xf-fontSizeLarge; text-align: left;}
.message-user {display: flex;}
.message-userTitle {display: inline-block; text-align: left;}
.message-userBanner.userBanner {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    margin: 3px 0 0 0;
}
.message-userDetails {
    flex: 1;
    min-width: 0;
    padding-left: @xf-messagePadding;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.message--deleted {display: block;}

@media (max-width: @xf-messageSingleColumnWidth) {.message:not(.message--forceColumns) {.message-name {font-size: inherit;}}}

.message-userBanner.userBanner {
        display: table-cell;
}
Kodlar Bunlardır
 

MusaPekel

xFanatik
XGT 1 kullanıcı
Katılım
8 Ocak 2018
Mesajlar
831
Konum
İstanbul / Maltepe
Web sitesi
musapekel.com
Kod:
.block--messages .message {
    &.is-mod-selected {border-color: transparent; border-bottom-color: @xf-inlineModHighlightColor;}
}
.blockMessage {box-shadow: none;
    &.blockMessage--none {box-shadow: none;}
}

.block--messages {.block-container {box-shadow: none;}}

.message-inner {display: block;}
.message-cell {
    .m-clearFix();
    &.message-cell--user {
        width: auto;
        border-right: none;
        border-bottom: @xf-messageUserBlock--border-width solid @xf-messageUserBlock--border-color;
    }
    &.message-cell--main {padding-left: @xf-messagePadding;}
    &.message-cell--extra {
        width: auto;
        border-left: none;
    }
    .message--quickReply {}
}
.message--quickReply .message-cell--user {display:none;}

.message-userArrow {
    top: auto;
    right: auto;
    bottom: -7px;
    left: ((@avatar-s));
    content: "";
    border: none;
    .m-triangleLeft(@xf-contentBg, @xf-messagePadding - 1px);
    .m-triangleUp(xf-default(@xf-messageUserBlock--border-color, transparent), @xf-messagePadding);

    &:after {
        top: auto;
        right: auto;
        left: -(@xf-messagePadding - 1px);
        bottom: [email protected];
        border: none;
        .m-triangleUp(@xf-contentBg, @xf-messagePadding - 1px);
    }
}

.message-avatar {margin-bottom: 0; .avatar {& + .message-avatar-online {left: auto; right: 1;}}}
.message-name {font-size: @xf-fontSizeLarge; text-align: left;}
.message-user {display: flex;}
.message-userTitle {display: inline-block; text-align: left;}
.message-userBanner.userBanner {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    margin: 3px 0 0 0;
}
.message-userDetails {
    flex: 1;
    min-width: 0;
    padding-left: @xf-messagePadding;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.message--deleted {display: block;}

@media (max-width: @xf-messageSingleColumnWidth) {.message:not(.message--forceColumns) {.message-name {font-size: inherit;}}}

.message-userBanner.userBanner {
        display: table-cell;
}
Kodlar Bunlardır
.message-userDetails css parametresinde display:flex kaldırınız.