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

PVS

Generalissimo
Thành viên BQT
Hướng dẫn:
- Vào template page_container_js_body add vào trước
Mã:
</xen:hook>

</script>

Đ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ã:
<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
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​
 

Đính kèm

  • bgntp1.png
    bgntp1.png
    4.2 KB · Lượt xem: 122

daipqvms

Private
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???
 
  • Like
Reactions: THB

Traibien

Private
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

Generalissimo
Thành viên BQT
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 :)
 
  • Like
Reactions: THB

Traibien

Private
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
 

vutrong

Corporal
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 ạ!
 
  • Like
Reactions: THB

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