[Hướng dẫn] Tag 1 dòng cho Xenforo 1.5.0

vn5lht

Corporal
Tham gia
14/04/2015
Bài viết
109
Được Like
105
Có nhiều bạn sau khi lên 1.5.0 thấy không thích với cách sắp xếp 1 tag 1 dòng, sau khi mày mò thì đã có kết quả cho em nó về 1 dòng
Một dòng thì chỉ cần ném đoạn này vào EXTRA.CSS
Mã:
.tagList,
.tagList li
{
    display: inline;
}

Muốn 1 dòng màu mè thì Copy đoạn này dán vào EXTRA.CSS nhé
Mã:
.tagBlock
{
    margin: 10px 0;
    font-size: 11px;
}

.tagList,
.tagList li
{
    display: inline;
}


.tagList .tag
{
    position: relative;
    display: inline-block;
    background: {xen:property primaryLightest};
    margin-left: 9px;
    height: 14px;
    line-height: 14px;
    padding: 1px 4px 1px 6px;
    border: 1px solid {xen:property primaryLighter};
    border-left: none;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: {xen:property primaryMedium};
    font-size: 11px;
    margin-bottom: 2px;
}

    .tagList .tag:hover
    {
        text-decoration: none;
        background-color: {xen:property primaryLighterStill};
    }

    .tagList .tag .arrow
    {
        position: absolute;
        display: block;
        height: 2px;
        width: 0;
        left: -9px;
        top: -1px;
        border-style: solid;
        border-width: 8px 9px 8px 0;
        border-color: transparent;
        border-right-color: {xen:property primaryLighter};
    }

        .tagList .tag .arrow:after
        {
            content: '';
            position: absolute;
            display: block;
            height: 2px;
            width: 0;
            left: 1px;
            top: -7px;
            border-style: solid;
            border-width: 7px 8px 7px 0;
            border-color: transparent;
            border-right-color: {xen:property primaryLightest};
        }

        .tagList .tag:hover .arrow:after
        {
            border-right-color: {xen:property primaryLighterStill};
        }

    .tagList .tag:after
    {
        content: '';
        position: absolute;
        left: -2px;
        top: 6px;
        display: block;
        height: 3px;
        width: 3px;
        border-radius: 50%;
        border: 1px solid {xen:property primaryLighter};
        background: {xen:property contentBackground};
    }
ta.PNG
 
Sửa lần cuối:

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
cho cái hình demo tag màu mè đi bạn :D, nhiều khi mem nhìn vào thích là quất luôn, hhehe
 
  • Like
Reactions: THB

gocmobie

MasterCorporal
Tham gia
25/05/2015
Bài viết
360
Được Like
235
sao wap mình lên 1.5.0 có bị tag nhiều dòng đâu, thậm chí còn đẹp hơn
 
  • Like
Reactions: THB

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
mình cũng vậy :)), không thấy lỗi này mà nhiều bạn lại bị
 

Kun

LOLLLLLLLLLLL
Tham gia
10/03/2015
Bài viết
136
Được Like
115
đơn giản là do giao diện thôi :)
 

lenamem1

Gefreiter
Tham gia
08/07/2015
Bài viết
52
Được Like
21
Bài viết hay :3 Đúng cái mình đang cần
Có thể là cài mới thì sẽ dính cái này. Còn nâng cấp thì nhờ đã sữa template từ trước nên không vướng đoạn này.
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom