Hướng dẫn tạo khung tìm bài viết theo ID cho XenForo

Thảo luận trong 'Tips and Guides' bắt đầu bởi PVS, 23/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,811
    Đã được thích:
    7,063
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Hướng dẫn:
    - Vào template page_container_js_body add vào trước
    Mã:
    
    
    Đoạn code sau:
    Mã:
    $('#form_search_topic').submit(function(){
    var id = $(this).find('input').val();
    window.open('http://cnm24h.tk/threads/'+id+'/');
    $(this).find('input').val('');
    return false;
    });
    Nhớ thay url của forum

    Ai dùng Widget Framework thì vào add 1 cái Widget, chọn vị trí thích hợp và add code sau vào
    Mã:
    (Ai không dùng thì add bằng tay vào template mà các bạn thích)

    - Tiếp theo là CSS: Add vào EXTRA.css
    Mã:
    .form-searchid .searchid {
    background: url(http://cnm24h.tk/images/bgntp1.png) no-repeat;
    width: 187px;
    height: 36px;
    margin-left: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    }
    
    .form-searchid {
    width: 190px;
    margin: 2px;
    padding: 3px;
    height: 45px;
    }
    
    .form-searchid .searchid .inputid input {
    font-size: 13px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #5e5e5e !important;
    width: 100px;
    padding: 2px 5px 2px 5px;
    border: 1px solid #0e93ad;
    margin: 7px 0 0 36px;
    float: left;
    }
    
    .form-searchid .searchid .submitid input {
    font-size: 14px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #fff !important;
    font-weight: bold;
    border: 0;
    background: none;
    float: left;
    text-transform: uppercase;
    text-shadow: 0px 1px 2px #007891;
    margin-top: 5px;
    display: block;
    cursor: pointer;
    }
    - Cuối cùng là upload ảnh ở file đính kèm vào thư mục images và sửa url trên đoạn css.

    Demo:

    1.png
    Chúc các bạn thành công.


    Nguồn: azviet.asia​
     

    Các file đính kèm:

    daipqvms and THB like this.
  2. chimcanh

    chimcanh Thượng Đế

    Tham gia:
    12/05/2015
    Bài viết:
    235
    Đã được thích:
    175
    Điểm thành tích:
    43
    Giới tính:
    Nam
    cái này hay nè
     
    THB thích bài này.
  3. daipqvms

    daipqvms Thượng Đế

    Tham gia:
    21/07/2015
    Bài viết:
    49
    Đã được thích:
    18
    Điểm thành tích:
    8
    Giới tính:
    Nam
    ta thích oài nha :))
     
    THB thích bài này.
  4. THB

    THB Admin - Founder Thành viên BQT

    Tham gia:
    25/02/2015
    Bài viết:
    6,336
    Đã được thích:
    3,550
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    CEO
    Nơi ở:
    Bình Dương
    Web:
    Cái này chắc rao vặt là cần nhất
     
  5. daipqvms

    daipqvms Thượng Đế

    Tham gia:
    21/07/2015
    Bài viết:
    49
    Đã được thích:
    18
    Điểm thành tích:
    8
    Giới tính:
    Nam
    mình đã làm được, tuy nhiên không biết là để vị trí như hình của chủ topic đẹp hơn, hay để bên dưới đẹp hơn ta???
     
    THB thích bài này.
  6. Traibien

    Traibien Thượng Đế

    Tham gia:
    16/12/2015
    Bài viết:
    2
    Đã được thích:
    0
    Điểm thành tích:
    1
    Cho mình hỏi sao add vào rồi nhưng cái id thread là ta lấy ở đâu và làm cách nào để view cái Thread id đó lên ngoài tiêu đề luôn vậy
     
  7. PVS

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

    Tham gia:
    28/02/2015
    Bài viết:
    11,811
    Đã được thích:
    7,063
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    cái id là cái số thứ tự mà topic đó được tạo ra đó bạn, nó thường nằm sau tiêu đề đường dẫn URL, đưa nó ra thì phải dùng code :)
     
    THB thích bài này.
  8. Traibien

    Traibien Thượng Đế

    Tham gia:
    16/12/2015
    Bài viết:
    2
    Đã được thích:
    0
    Điểm thành tích:
    1
    Sao mình dùng trên localhost thì tìm kiếm theo id không ra nhỉ. Nó có phải là id lấy theo biến {$thread.thread_id} không vậy nhỉ.
    Tìm kiếm toàn báo not found thôi
     
  9. PVS

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

    Tham gia:
    28/02/2015
    Bài viết:
    11,811
    Đã được thích:
    7,063
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    nó đây nè bạn

    Untitled.png
     
    THB thích bài này.
  10. vutrong

    vutrong Thượng Đế

    Tham gia:
    20/03/2016
    Bài viết:
    121
    Đã được thích:
    79
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Nghề nghiệp:
    Sinh Viên IT
    Nơi ở:
    HP
    Web:
    cái này như vnxf nó yêu cầu phải là t+idtopic+ .html mới hiện thị thì chỉnh đoạn code như nào ạ!
     
    THB thích bài này.
  11. dhv49

    dhv49 Thượng Đế

    Tham gia:
    14/03/2015
    Bài viết:
    243
    Đã được thích:
    153
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Làm với xf2 không được. Admin có thể giúp @PVS ?
     
    THB thích bài này.
  12. PVS

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

    Tham gia:
    28/02/2015
    Bài viết:
    11,811
    Đã được thích:
    7,063
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:

Chia sẻ trang này