xF2 Thông tin user nằm ngang ở first post

  • Bạn không tìm được Add-on hay Style xenForo 1 trên hệ thống xFv2 hiện tại ?
    Đăng bài yêu cầu ngay !
  • Can't find your Add-on or Style on xFv2 ?
    Request now !

hayate

Active User
1/3/18
6
3
3
Hi các bác,
Ở XF1 có rất nhiều tips về vấn đề này, mình tìm mãi mà chưa thấy cho XF2. Việc bố trí thông tin user nằm ngang ở first post tiết kiệm được khá nhiều không gian đối với các bài có nội dung dài.
Bác nào biết chia sẻ giúp mình với.
Thanks cả nhà.
 

tuna

Active User
12/2/18
31
10
8
Bạn thêm code sau vào extra.less nha, sau đó tùy biến gì thì tùy

CSS:
.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;
}
 
Reactions: hayate

tuna

Active User
12/2/18
31
10
8
Đúng là xen thiết kế cái khung user tốn diện tích quá, cả ô comment cũng vậy, với cái màn hình 14inch 3 cái ô comment là hết diện tích rồi, trong khi cũng chừng đó facebook nó hiện được mấy chục cmt :)) Vẫn hóng cách hiện thì gọn hơn
 

GRV-TV

Active User
11/2/18
12
7
3
cho mình hỏi tại sao ko tạo ngôn ngữ VIETNAM cho dễ đọc hơn vậy?
 

datdaik000

A boy learn to be a man
Staff member
7/2/18
64
82
18
Nam Định
dcforo.com
thì tại sao, chỉ có ngôn ngữ tiếng anh trong forum thôi vậy, thấy người việt ko a`, tôi biết tiếng anh mà toàn bộ forum tiếng anh ko khó xài quá
thực sự xin lỗi bạn vì sự bất tiện này, team mình đang cố gắng hoàn thiện bản dịch tiếng Việt để public cho mọi người sử dụng bạn nhé :D
 

hayate

Active User
1/3/18
6
3
3
Bạn thêm code sau vào extra.less nha, sau đó tùy biến gì thì tùy

CSS:
.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;
}
Mình thêm đoạn này rồi vẫn không thấy thay đổi gì b ơi.
 
Reactions: datdaik000

GRV-TV

Active User
11/2/18
12
7
3
cho mình hỏi, XF2 đó, mình có thể làm login vào thuộc data khác ko, hoặc làm tự động đăng ký tk từ data khác, đăng ký thẳng vào XF2
 

GRV-TV

Active User
11/2/18
12
7
3
XF1 thì chỉ có thể làm activate, tk từ data này thành đăng ký ở xenforo thôi, mà xen2 mình ko biết có dc ko.
 

GRV-TV

Active User
11/2/18
12
7
3
mình chưa hiểu ý bạn lắm ?
giống như mình xài 1 websile khác, muốn kết nối data tk bên websile khác vào data đăng ký, và 2 data đó 2 dữ liệu khác nhau, giống như 1 cái là WP, 1 cái là XF
 

Members online

No members online now.

Latest resources