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

vn5lht

Corporal
Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn
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:
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
mình cũng vậy :)), không thấy lỗi này mà nhiều bạn lại bị
 
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.
 
Back
Top