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

Ken Điên · 08/07/2015

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 ạ

CNTT01 · 08/07/2015

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 }

Ken Điên · 08/07/2015

CNTT01 nói:
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

singh · 08/07/2015

xóa rồi

Sesshomaru · 08/07/2015

Ken Điên nó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 ạ

Cho mình xin cái demo online đi.

Sesshomaru · 08/07/2015

Bình thường mà cậu??

thonhi · 08/07/2015

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/

Ken Điên · 09/07/2015

thonhi nói:

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é

Người đăng	Chủ đề tương tự	Diễn đàn	Trả lời	Ngày đăng
	Help Cần giúp đỡ tạo trang chủ xenporta	Addon, Styling and Customization Questions	4	22/08/2023
H	Help xin cao nhân giúp đỡ	Addon, Styling and Customization Questions	3	28/12/2022
H	Help Xin giúp đỡ khắc phục lỗi: Chữ quá nhỏ để đọc và Các phần tử có thể nhấp quá gần nhau	Addon, Styling and Customization Questions	0	23/12/2022
	Help Lỗi Style Exclusive Dark Xin được giúp đỡ	Addon, Styling and Customization Questions	4	05/04/2022
T	Help Giúp đỡ liên kết DragonByte Credits 5.7.5 với XenForo Resource Manager 2.2.3	Addon, Styling and Customization Questions	2	22/12/2021

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

Ken Điên

Private

CNTT01

Snow Flower ✔

Ken Điên

Private

singh

Sergeant

Sesshomaru

Private

Sesshomaru

Private

Đính kèm

thonhi

Private

Ken Điên

Private

Chủ đề tương tự

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

Dịch vụ XenForo của VNXF

Xử lý sự cố (Troubleshooting)

Texlink

Nhà Tài Trợ

Thông tin chung

LIÊN KẾT

LIÊN KẾT

LIÊN KẾT

XenForo 1	XenForo 2
Translate by PVS