Hướng dẫn tạo phẳng tag Cloud trên Xenforo

[PVS]

Các bạn có thể thấy các tag cloud trên các forum phẳng theo xu thế hiện nay.

Để làm được như vậy các bạn chỉ cần thực hiện như sau

Các bạn tìm temple tinhte_xentag.css thay toàn bộ code trong đó thành:

.Tinhte_XenTag_TagsEditor{overflow:auto}.ctrlUnit dd .Tinhte_XenTag_TagsEditor li,
.Tinhte_XenTag_TagsEditor
li{float:left;display:block;margin:2px
5px 2px 0}.Tinhte_XenTag_TagsEditor.Tinhte_XenTag_Tag{background:#f0f7fc url('styles/default/xenforo/gradients/category-23px-light.png') repeat-x top;color:#000;padding:3px;border:1pxsolid #6cb2e4}.Tinhte_XenTag_TagsEditor .Tinhte_XenTag_Tag:hover{background-color:#d7edfc}.Tinhte_XenTag_TagsEditor .Tinhte_XenTag_Taga.delete{color:#777;cursor:pointer;font-size:12px;font-weight:bold;outline:medium none;text-decoration:none;padding:2px0 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{}.xenForm.Tinhte_XenTag_TagsInlineEditorForm{margin:0;width:auto}.Tinhte_XenTag_TagsInlineEditorForm.Tinhte_XenTag_TagsEditor.textCtrl{border:0;background:transparent}.Tinhte_XenTag_TagCloud{}.Tinhte_XenTag_TagCloud{zoom:1}.Tinhte_XenTag_TagCloud:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.Tinhte_XenTag_TagCloud.Tinhte_XenTag_TagCloudTag{background:#176093;color:#f0f7fc;display:inline;float:left;margin:0.2em;padding:0}.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTag:hover{background:#727070;color:#FFF;-webkit-transition:all 0.25s linear;-moz-transition:all 0.25s linear;transition:all 0.25s linear}.Tinhte_XenTag_TagCloud .Tinhte_XenTag_TagCloudTaga{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:#6cb2e4;color:#FFF}.Tinhte_XenTag_TagCloud.Tinhte_XenTag_TagCloud_Level2{background-color:#6cb2e4;color:#FFF}.Tinhte_XenTag_TagCloud.Tinhte_XenTag_TagCloud_Level3{background-color:#6cb2e4;color:#FFF}.tinhte_xentag_tag_list .xenFormfieldset{border:0}.Tinhte_XenTag_Copyright{float:right}.Tinhte_XenTag_TagResult{}.Tinhte_XenTag_TagResult_ContentCount{float:right}

Xong các bạn hưởng thụ thành quả. Chúc các bạn thành công.

Nguồn: congngheaz.com​

 

[sukoro]

Nó ra thẳng thành 1 hàng luôn

 

[Ken Điên]

đúng rồi, bác chơi thuốc em không

 

[Cookie]

không được bác ạ?

 

[PVS]

cẩn thận thay nhầm template của style khác nha

 

[Cookie]

cẩn thận thay nhầm template của style khác nha

Chuẩn template tinhte_xentag.css mà bác.

 

[PVS]

thì đúng template, nhưng bạn có sửa template của style bạn đang dùng không ấy