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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,734
Được Like
12,680
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: 123

THB

Founder
Thành viên BQT
Tham gia
25/02/2015
Bài viết
6,650
Được Like
3,939
Cái này chắc rao vặt là cần nhất
 

daipqvms

Private
Tham gia
21/07/2015
Bài viết
49
Được Like
18
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
Tham gia
16/12/2015
Bài viết
2
Được Like
0
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,734
Được Like
12,680
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
Tham gia
16/12/2015
Bài viết
2
Được Like
0
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

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,734
Được Like
12,680
nó đây nè bạn

Untitled.png
 
  • Like
Reactions: THB

vutrong

Corporal
Tham gia
20/03/2016
Bài viết
121
Được Like
96
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

dhv49

MasterCorporal
Tham gia
14/03/2015
Bài viết
280
Được Like
176
Làm với xf2 không được. Admin có thể giúp @PVS ?
 
  • Like
Reactions: THB

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom