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

  • Thread starter Thread starter PVS
  • Ngày gửi Ngày gửi

PVS

Super Moderator
Thành viên BQT
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.

Capture.PNG

Để 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:
Mã:
.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​
 
thì đúng template, nhưng bạn có sửa template của style bạn đang dùng không ấy
 
Back
Top