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