Xenforo Tema Düzenleme

Merhaba,
Xenforo 2 forumum için yatay postbit tasarımı yaptırılacaktır.
(Hem masaüstü hemde mobil görünüm)
İlgilenenler PM atsın lütfen.

Merhaba, hazır yatay postbit isterseniz paylaşabilirim.

@sevkan;

Merhaba, hazır css kodları bir kaç forumdan buldum ama istediğim gibi değil. Dilerseniz yine de gönderin bi bakalım. Olmazsa siz ücret karşılığında yardımcı olur musunuz?

Ekran görüntüsünde ki postbitler uygunmudur. Yardımcı olabilirim.

PM attım

pm'ye geri dönüş sağlandı. Eklenti Halinede getirilir. Normal css olarakda düzenleme yapılır. Bilginize.



Ücretli olarak değilde herkesin yararlanmasını isterim. Yapmanız gereken

Görünüm ve diller > Şablonlar > Extra.less'in içerisine Aşağıda paylaşmış olduğum kodu eklemen yeterli olucaktır.

@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner {
display: block;
}
}

@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-cell,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-cell {
padding: 5px 10px;
}
}

@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-avatar,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-avatar {
float: left;
margin-bottom: 5px;
}
}

@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-userDetails,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-userDetails {
display: inline-block;
}
}

@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-userDetails .message-name,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-userDetails .message-name,
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-userDetails .message-userTitle,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-userDetails .message-userTitle,
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-userDetails .message-userBanner.userBanner,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-userDetails .message-userBanner.userBanner {
display: inline-block;
}
}

@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-userExtras .pairs,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-userExtras .pairs {
display: inline-block;
padding-right: 10px;
}
}

@media (min-width: @xf-responsiveMedium) {
[data-template="thread_view"] .block-container .message.message--post .message-inner .message-avatar-wrapper,
[data-template="conversation_view"] .block-container .message.message--conversationMessage .message-inner .message-avatar-wrapper {
margin-bottom: 0;
margin-right: 15px;
z-index: 100;
}
}

.message-cell.message-cell--user,
.message-cell.message-cell--action {
position: relative;
background: #f5f5f5;
border-right: 1px solid #d8d8d8;
min-width: 0;
}

.message-userExtras {
margin-top: 3px;
font-size: 12px;
}

Demo :

Musa nın işi. dememe kalmadan döktürmüş kardeşim zaten. 😊

Utandırıyorsun abi 😊😊