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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
15,210
Được Like
11,621
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​
 

sukoro

Thượng Đế
Tham gia
02/04/2015
Bài viết
183
Được Like
107
Nó ra thẳng thành 1 hàng luôn :D
 
  • Like
Reactions: THB

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
15,210
Được Like
11,621
cẩn thận thay nhầm template của style khác nha
 

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
15,210
Được Like
11,621
thì đúng template, nhưng bạn có sửa template của style bạn đang dùng không ấy
 

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

XenForo 1 XenForo 2
Translate by PVS

Hỗ trợ trực tuyến

Support Quảng cáo
Mr. San (PVS)

Skype chat, instant message

Mr. Tuấn (Blue)

Skype chat, instant message

Mr. Tuấn
0988 488 096
Mr. Trọng
0906 081 284
kinhdoanh@vnxf.vn

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom