Simplify the discussion list - Đơn giản hóa discussion list

[PVS]

Simplify the discussion list - Đơn giản hóa discussion list

Mở EXTRA.css thêm:

/* ge66 simplify the discussionList */

    .discussionListItem .listBlock.main,
    .discussionListItem .listBlock.stats,
    .discussionListItem .listBlock.lastPost
    {
        display: block;
    }

    .discussionListItem .stats,
    .discussionListItem .lastPost,
    .discussionListItem .lastPostInfo
    {
        float: right;
        height: 16px;
        width: auto !important;
        line-height: 1 !important;
        padding-top: 0 !important;
        background-color: transparent!important;
    }

    .discussionListItem .listBlock.stats dd,
    .discussionListItem .listBlock.stats dt,
    .discussionListItem .listBlock.lastPost dd,
    .discussionListItem .listBlock.lastPost dt,
    .discussionListItem .listBlock.stats .minor,
    .discussionListItem .listBlock.stats .major,
    .discussionListItem .lastPostInfo .username,
    .discussionListItem .lastPostInfo .dateTime,
    .discussionListItem .secondRow .EditControl
    {
        float: none;
        display: inline;
        border: none;
        color: @faintTextColor !important;
        font-size: 11px !important;
        font-weight: normal !important;
    }

Đây là hình ảnh trước khi thay đổi:

​

Đây là sau khi thay đổi:

​

Đây là kết quả khi sử dụng [fgX] Discussion Preview:

​

Nếu bạn muốn thêm một số văn bản trước Last post username bạn có thể thêm vào:

    .discussionListItem .lastPostInfo .username:before
    {
            content: "Last post: ";
    }

Bạn cũng có thể loại bỏ một số tiêu đề mục cho một cái nhìn sạch hơn nhưng mất một số phân loại discussionlist:

    .discussionList .sectionHeaders .stats
    {
        display: none;
    }

    .discussionList .sectionHeaders .main .postDate
    {
        display: none;
    }

Kết quả:

​

Chúc các bạn thành công.

Nguồn: xenforo.com​

 

[onlyonelove]

fgX] Discussion Preview đâu bạn, ví dụ mà k có tải về vậy