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

Discussion in 'Tips and Guides' started by PVS, May 4, 2015.

  1. PVS

    PVS Cộng Sự Đặc Biệt Staff Member

    Joined:
    Feb 28, 2015
    Messages:
    11,804
    Likes Received:
    7,062
    Trophy Points:
    113
    Gender:
    Male
    Location:
    Huế
    Home Page:
    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:
    Code:
    .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 Đế

    Joined:
    Apr 2, 2015
    Messages:
    145
    Likes Received:
    90
    Trophy Points:
    28
    Gender:
    Male
    Location:
    Hà Nội
    Home Page:
    Nó ra thẳng thành 1 hàng luôn :D
     
    THB likes this.
  3. Ken Điên

    Ken Điên Thượng Đế

    Joined:
    Jun 11, 2015
    Messages:
    30
    Likes Received:
    19
    Trophy Points:
    8
    Gender:
    Male
    đúng rồi, bác chơi thuốc em không :(
     
    THB likes this.
  4. Cookie

    Cookie Thượng Đế

    Joined:
    Sep 17, 2016
    Messages:
    16
    Likes Received:
    8
    Trophy Points:
    3
    Gender:
    Male
    không được bác ạ?
     
  5. PVS

    PVS Cộng Sự Đặc Biệt Staff Member

    Joined:
    Feb 28, 2015
    Messages:
    11,804
    Likes Received:
    7,062
    Trophy Points:
    113
    Gender:
    Male
    Location:
    Huế
    Home Page:
    cẩn thận thay nhầm template của style khác nha
     
    Cookie likes this.
  6. Cookie

    Cookie Thượng Đế

    Joined:
    Sep 17, 2016
    Messages:
    16
    Likes Received:
    8
    Trophy Points:
    3
    Gender:
    Male
    Chuẩn template tinhte_xentag.css mà bác.
     
  7. PVS

    PVS Cộng Sự Đặc Biệt Staff Member

    Joined:
    Feb 28, 2015
    Messages:
    11,804
    Likes Received:
    7,062
    Trophy Points:
    113
    Gender:
    Male
    Location:
    Huế
    Home Page:
    thì đúng template, nhưng bạn có sửa template của style bạn đang dùng không ấy
     

Share This Page