Nay rảnh rỗi, làm cái hướng dẫn "Tìm bài viết theo ID giống 5giay.vn cho XenForo" vậy, thích hợp cho site rao vặt
Demo online: Demo XenForo By BuiDoi.Net
Demo ảnh:
Hướng dẫn:
- Vào template page_container_js_body add đoạn code
P/s: nhớ thay url của forum
Vào trước
- 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
(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
- Cuối cùng là upload ảnh này vào thư mục images và sửa url trên đoạn css
Tải xuống bgntp1.png
Nguồn: Đẳng Cấp Dân Chơi Việt - BuiDoi.Net
Demo online: Demo XenForo By BuiDoi.Net
Demo ảnh:
Hướng dẫn:
- Vào template page_container_js_body add đoạn code
HTML:
$('#form_search_topic').submit(function(){
var id = $(this).find('input').val();
window.open('http://xf.buidoi.vn/threads/'+id+'/');
$(this).find('input').val('');
return false;
});
P/s: nhớ thay url của forum
Vào trước
PHP:
</xen:hook>
</script>
- 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
HTML:
<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
HTML:
.form-searchid .searchid {
background: url(http://xf.buidoi.vn/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 này vào thư mục images và sửa url trên đoạn css
Tải xuống bgntp1.png
Nguồn: Đẳng Cấp Dân Chơi Việt - BuiDoi.Net