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

[PVS]

Hướng dẫn:
- Vào template page_container_js_body add vào trước

</xen:hook>

</script>

Đoạn code sau:

$('#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

<div class="form-searchid">
<form class="searchid" action="threads/" method="get" id="form_search_topic">
    <div class="inputid"> <input size="20" type="text" name="idthread" value="" placeholder="Nhập ID topic"></div>
    <div class="submitid"><input type="submit" value=" Tìm " style="height:25px; font-size:13px"></div>
</form>
</div>

(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

.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:

​

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

Nguồn: azviet.asia​

 

[chimcanh]

cái này hay nè

 

[daipqvms]

ta thích oài nha )

 

[THB]

Cái này chắc rao vặt là cần nhất

 

[daipqvms]

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???

 

[Traibien]

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

 

[PVS]

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

 

[Traibien]

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

 

[PVS]

nó đây nè bạn

 

[vutrong]

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 ạ!

 

[dhv49]

Làm với xf2 không được. Admin có thể giúp @PVS ?

 

[PVS]

Làm với xf2 không được. Admin có thể giúp @PVS ?

Của bạn đây nhé: https://vnxf.vn/huong-dan-tao-khung-tim-bai-viet-theo-id-cho-xenforo-2.t18448.html