không được bạn ơiBạn vào tem pờ lay : wf_default_EXTRA.css
Sửa chổ display: none thành display: block
sai sót ae fix lại nha
Mã:<xen:comment>Customization should go here</xen:comment> .Tinhte_XenTag_WidgetRenderer_Cloud h3 { display: block }
Cho mình xin cái demo online đi.cái tag cloud em add xong bây giờ tag được nhưng phần hiển thị nó lổi
mỏi tag nó xuống hàng và chử nhỏ
![]()
xin giúp em làm được tag cloud như thế này ạ
![]()
.Tinhte_XenTag_TagsEditor {
overflow: auto;
}
.ctrlUnit dd .Tinhte_XenTag_TagsEditor li,
.Tinhte_XenTag_TagsEditor li {
float: left;
display: block;
border-radius: 5px;
margin: 2px 5px 2px 0;
}
.Tinhte_XenTag_TagsEditor .Tinhte_XenTag_Tag {
@property "secondaryContent.background";
background-color: #fff;
@property "/secondaryContent.background";
color: @textCtrlText;
padding: 3px;
border: 1px solid @primaryLight;
}
.Tinhte_XenTag_TagsEditor .Tinhte_XenTag_Tag:hover {
background-color: @primaryLighterStill;
}
.Tinhte_XenTag_TagsEditor .Tinhte_XenTag_Tag a.delete {
color: #777777;
cursor: pointer;
font-size: 12px;
font-weight: bold;
outline: medium none;
text-decoration: none;
padding: 2px 0 2px 3px;
}
.Tinhte_XenTag_TagsEditor .Tinhte_XenTag_TagNew {
padding: 2px 4px 1px 0;
}
.Tinhte_XenTag_TagsEditor .Tinhte_XenTag_TagNew .textCtrl.Tinhte_XenTag_TagNewInput {
margin: 0 !important;
padding: 3px !important;
border: none !important;
width: inherit !important;
background: transparent !important;
}
.Tinhte_XenTag_TagsEditor .Tinhte_XenTag_TagNew .textCtrl.Tinhte_XenTag_TagNewInput:focus {
border: none !important;
background: transparent !important;
}
.Tinhte_XenTag_TagsInlineEditorForm {
/* this class is added to the form by javascript */
}
.xenForm.Tinhte_XenTag_TagsInlineEditorForm {
margin: 0;
width: auto;
}
.Tinhte_XenTag_TagsInlineEditorForm .Tinhte_XenTag_TagsEditor.textCtrl {
border: 0;
background: transparent;
}
/* Tag cloud */
.Tinhte_XenTag_TagCloud {
}
{xen:helper clearfix, '.Tinhte_XenTag_TagCloud'}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag {
background: @primaryMedium;
color: @primaryLightest;
display: inline;
float: left;
margin: 0.2em;
padding: 0;
}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag:hover {
background: @secondaryLighter;
color: @primaryDark;
}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag a {
color: inherit;
display: block;
font-size: 1em;
font-weight: bold;
margin: 0.5em;
text-decoration: none;
white-space: nowrap;
}
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level1 { background-color: @primaryLighterStill; color: @primaryMedium; }
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level2 { background-color: @primaryLighter; }
.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level3 { background-color: @primaryLight; }
.tinhte_xentag_tag_list .xenForm fieldset {
/* disable the separating line for fieldset */
border: 0;
}
.Tinhte_XenTag_Copyright {
float: right;
}
<xen:if is="@tinhte_xentag_showIconInTagLink">
a.Tinhte_XenTag_TagLink:link,
a.Tinhte_XenTag_TagLink:visited,
a.Tinhte_XenTag_TagLink:hover,
a.Tinhte_XenTag_TagLink:focus {
background: url('@imagePath/Tinhte/XenTag/tag.png') bottom right no-repeat;
padding-right: 12px !important;
}
</xen:if>
.Tinhte_XenTag_TagResult {
}
.Tinhte_XenTag_TagResult_ContentCount {
float: right;
}
đc rồi, cảm ơn bạn nhéBạn vào Appearance > Templates rồi edit toàn bộ tinhte_xentag.css như của mình thử xem
bạn có thể xem demo tại site mình:Mã:.Tinhte_XenTag_TagsEditor { overflow: auto; } .ctrlUnit dd .Tinhte_XenTag_TagsEditor li, .Tinhte_XenTag_TagsEditor li { float: left; display: block; border-radius: 5px; margin: 2px 5px 2px 0; } .Tinhte_XenTag_TagsEditor .Tinhte_XenTag_Tag { @property "secondaryContent.background"; background-color: #fff; @property "/secondaryContent.background"; color: @textCtrlText; padding: 3px; border: 1px solid @primaryLight; } .Tinhte_XenTag_TagsEditor .Tinhte_XenTag_Tag:hover { background-color: @primaryLighterStill; } .Tinhte_XenTag_TagsEditor .Tinhte_XenTag_Tag a.delete { color: #777777; cursor: pointer; font-size: 12px; font-weight: bold; outline: medium none; text-decoration: none; padding: 2px 0 2px 3px; } .Tinhte_XenTag_TagsEditor .Tinhte_XenTag_TagNew { padding: 2px 4px 1px 0; } .Tinhte_XenTag_TagsEditor .Tinhte_XenTag_TagNew .textCtrl.Tinhte_XenTag_TagNewInput { margin: 0 !important; padding: 3px !important; border: none !important; width: inherit !important; background: transparent !important; } .Tinhte_XenTag_TagsEditor .Tinhte_XenTag_TagNew .textCtrl.Tinhte_XenTag_TagNewInput:focus { border: none !important; background: transparent !important; } .Tinhte_XenTag_TagsInlineEditorForm { /* this class is added to the form by javascript */ } .xenForm.Tinhte_XenTag_TagsInlineEditorForm { margin: 0; width: auto; } .Tinhte_XenTag_TagsInlineEditorForm .Tinhte_XenTag_TagsEditor.textCtrl { border: 0; background: transparent; } /* Tag cloud */ .Tinhte_XenTag_TagCloud { } {xen:helper clearfix, '.Tinhte_XenTag_TagCloud'} .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag { background: @primaryMedium; color: @primaryLightest; display: inline; float: left; margin: 0.2em; padding: 0; } .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag:hover { background: @secondaryLighter; color: @primaryDark; } .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag a { color: inherit; display: block; font-size: 1em; font-weight: bold; margin: 0.5em; text-decoration: none; white-space: nowrap; } .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level1 { background-color: @primaryLighterStill; color: @primaryMedium; } .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level2 { background-color: @primaryLighter; } .Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloud_Level3 { background-color: @primaryLight; } .tinhte_xentag_tag_list .xenForm fieldset { /* disable the separating line for fieldset */ border: 0; } .Tinhte_XenTag_Copyright { float: right; } <xen:if is="@tinhte_xentag_showIconInTagLink"> a.Tinhte_XenTag_TagLink:link, a.Tinhte_XenTag_TagLink:visited, a.Tinhte_XenTag_TagLink:hover, a.Tinhte_XenTag_TagLink:focus { background: url('@imagePath/Tinhte/XenTag/tag.png') bottom right no-repeat; padding-right: 12px !important; } </xen:if> .Tinhte_XenTag_TagResult { } .Tinhte_XenTag_TagResult_ContentCount { float: right; }
http://vnspeed.net/
Mr. Tuấn Mobile/Zalo: 0988 488 096 Telegram: bluekpro Email: [email protected] |