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
Muốn 1 dòng màu mè thì Copy đoạn này dán vào EXTRA.CSS nhé
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};
}
Sửa lần cuối:
Bài viết liên quan
Bài viết mới