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

Ken Điên

Private
Tham gia
11/06/2015
Bài viết
30
Được Like
21
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
 

CNTT01

Snow Flower ✔
Tham gia
06/07/2015
Bài viết
803
Được Like
686
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

Ken Điên

Private
Tham gia
11/06/2015
Bài viết
30
Được Like
21
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 }
không được bạn ơi
 
  • Like
Reactions: THB

singh

Sergeant
Tham gia
08/06/2015
Bài viết
470
Được Like
276
xóa rồi
 
Sửa lần cuối:
  • Like
Reactions: THB

Sesshomaru

Private
Tham gia
11/06/2015
Bài viết
26
Được Like
18
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
Cho mình xin cái demo online đi.
 

Sesshomaru

Private
Tham gia
11/06/2015
Bài viết
26
Được Like
18
Bình thường mà cậu??
 

Đính kèm

  • Untitled.png
    Untitled.png
    84.6 KB · Lượt xem: 28

thonhi

Private
Tham gia
16/06/2015
Bài viết
5
Được Like
6
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

Ken Điên

Private
Tham gia
11/06/2015
Bài viết
30
Được Like
21
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é
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom