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

Thảo luận trong 'Tips and Guides' bắt đầu bởi PVS, 04/05/2015.

  1. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,779
    Đã được thích:
    7,039
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    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/bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365/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​
     
    CNTT01 and THB like this.
  2. sukoro

    sukoro Thượng Đế

    Tham gia:
    02/04/2015
    Bài viết:
    141
    Đã được thích:
    90
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Nơi ở:
    Hà Nội
    Web:
    Nó ra thẳng thành 1 hàng luôn :D
     
    THB thích bài này.
  3. Ken Điên

    Ken Điên Thượng Đế

    Tham gia:
    11/06/2015
    Bài viết:
    30
    Đã được thích:
    19
    Điểm thành tích:
    8
    Giới tính:
    Nam
    đúng rồi, bác chơi thuốc em không :(
     
    THB thích bài này.
  4. Cookie

    Cookie Thượng Đế

    Tham gia:
    17/09/2016
    Bài viết:
    16
    Đã được thích:
    8
    Điểm thành tích:
    3
    Giới tính:
    Nam
    không được bác ạ?
     
  5. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,779
    Đã được thích:
    7,039
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    cẩn thận thay nhầm template của style khác nha
     
    Cookie thích bài này.
  6. Cookie

    Cookie Thượng Đế

    Tham gia:
    17/09/2016
    Bài viết:
    16
    Đã được thích:
    8
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Chuẩn template tinhte_xentag.css mà bác.
     
  7. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,779
    Đã được thích:
    7,039
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    thì đúng template, nhưng bạn có sửa template của style bạn đang dùng không ấy
     

Chia sẻ trang này