Giúp đở, Tag Cloud bị lỗi

Ken Điên

Private
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ỏ

TWJfgoD.png


xin giúp em làm được tag cloud như thế này ạ
eTgU531.jpg
 
Được quan tâm
Xoá post số lượng lớn bởi dhv49,
Bài viết mới
Xoá post số lượng lớn bởi dhv49,
Similar threads 8.9 bởi guclusat,
who i can do like this bởi xteam,
tiềm code ạ bởi Nickyz,
Bạ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 }
 
  • Like
Reactions: THB
Bạn vào Appearance > Templates rồi edit toàn bộ tinhte_xentag.css như của mình thử xem
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;
    }
bạn có thể xem demo tại site mình:
http://vnspeed.net/
 
  • Like
Reactions: THB
Bạn vào Appearance > Templates rồi edit toàn bộ tinhte_xentag.css như của mình thử xem
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;
    }
bạn có thể xem demo tại site mình:
http://vnspeed.net/
đc rồi, cảm ơn bạn nhé
 
Back
Top