Nasıl yapılır ? Postbit yatay yapınca bu hale geliyor

Lim10Ata' Alıntı:

CSS:

[data-template="thread_view"] .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: -1px;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: -@xf-messagePadding;border: none;.m-triangleUp(@xf-contentBg, @xf-messagePadding - 1px);}}.message-avatar {margin-bottom: 0;.avatar {& + .message-avatar-online {left: auto;right: 0;}}}.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;}}}

Genişletmek için tıkla ...

Lim10Ata' Alıntı:

CSS:

[data-template="thread_view"] .block--messages .message {&.is-mod-selected {border-color: transparent;border-bottom-color: @xf-inlineModHighlightColor;}} [data-template="thread_view"] .blockMessage {box-shadow: none;&.blockMessage--none {box-shadow: none;}} [data-template="thread_view"] .block--messages {.block-container {box-shadow: none;}} [data-template="thread_view"] .message-inner {display: block;} [data-template="thread_view"] .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;} [data-template="thread_view"] .message--quickReply {}} [data-template="thread_view"] .message--quickReply .message-cell--user {display:none;} [data-template="thread_view"] .message-userArrow {top: auto;right: auto;bottom: -1px;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: -@xf-messagePadding;border: none;.m-triangleUp(@xf-contentBg, @xf-messagePadding - 1px);}} [data-template="thread_view"] .message-avatar {margin-bottom: 0;.avatar {& + .message-avatar-online {left: auto;right: 0;}}} [data-template="thread_view"] .message-name {font-size: @xf-fontSizeLarge;text-align: left;} [data-template="thread_view"] .message-user {display: flex;} [data-template="thread_view"] .message-userTitle {display: inline-block;text-align: left;} [data-template="thread_view"] .message-userBanner.userBanner {width: -moz-fit-content;width: fit-content;text-align: left;margin: 3px 0 0 0;} [data-template="thread_view"] .message-userDetails {flex: 1;min-width: 0;padding-left: @xf-messagePadding;display: flex;flex-flow: column;justify-content: center;} [data-template="thread_view"] .message--deleted {display: block;}@media (max-width: @xf-messageSingleColumnWidth) {.message:not(.message--forceColumns) {.message-name {font-size: inherit;}}}

bunu dener misin

Genişletmek için tıkla ...