Đổi vị trí ô search giống vị trí của vietxf

Bác nào giúp em chuyển cái ô search trong web của em (hình đính kèm) sang vị trí giống ô search của vietxf.org với ạ. Em chân thành cảm ơn!

 

Như của vietxf là vị trí mặc định mà @@. Cái này bác phải đưa demo online mới coi được.

 

Đây bác: http://monngonbamien.vn/index.php?forum/
Bác xem hộ em với

 

bạn đưa cái thanh search xuống nằm dưới navigation thử

 

Cái khung Search của bác hình như là nó bị di chuyển khỏi template navigation (mặc định ở navigation)
Theo lý ra thì đưa về khung navigation rồi sửa tiếp nhưng nếu ko thích bác thử làm kiểu này xem (nếu ko bị lỗi trùng với phần tử khác thì để kiểu này luôn cũng đc)
Vào EXTRAS.CSS chèn đoạn sau:

Mã:

#QuickSearch {top: 120px !important;}

120px là khoảng cách khung search cách vị trí top trang web (Có thể điều chỉnh lại nếu muốn)

​

 

Cũng ok rồi đó bác nhưng nó hơi lệch phải tí, bác giúp e chỉnh lại cho thẳng cột sidebar với ạ. Cảm ơn bác nhiều!

 

Vậy lại mở template EXTRA.css ra thêm vào như này

Mã:

#QuickSearch {top: 120px !important; right:20px !important;}

 

Cách top 120px, cách phải 20px

Mã:

#QuickSearch {top: 120px !important; right: 20px !important;}

Chèn lại vào extras.css nhé bác (đã gộp với code ở trên)

 

Làm được rồi bác, cảm ơn bác nhiều!
Tiện đây bác cho hỏi, em muốn thay cái search của google vào vị trí này thì làm thế nào hả bác?

 

Nếu forum của bạn lớn và google cập nhật dữ liệu ngay sau khi bạn post bài thì hay thay bằng google. Nếu ko thì cả tuần ko tìm đc bài bạn cần đâu

 

Bác nên cái thêm cái google search chứ ko nên thay thế cái search mặc định của xenforo. Mỗi cái 1 ưu điểm riêng.
Tạo google tìm kiếm tùy chỉnh tại đây: http://www.google.com.vn/cse/

 

Bác chỉ giúp em đặt code ở đâu để giống vị trí trong web của bác. Cảm ơn bác!

 

template: PAGE_CONTAINER tìm

PHP:

<!-- main content area -->

Chèn xuống phía dưới (nên tạo 1 template mới, dán code google cse vào rồi gọi template đó trong PAGE_CONTAINER template để nhìn đỡ rối )
Demo mẫu để chèn 1 template

Mã:

<xen:include template="google_search" />

Với google_search là tên template mình chứa code google cse

 

Mặc định khung search sẽ ko bo tròn hết ở cạnh dưới. Vậy làm thế nào để khung search bo hết cạnh ở dưới

 

@MeoHoang2009
Mở: template search_bar.css

Tìm:

Thêm:

sau chỗ bôi đỏ ý.

ps: để thay đổi vị trí ô quicksearch thì thay đổi giá trị chỗ bôi xanh ý.

Chúc vui!

 

nên để giá trị - cho nó nên header -> demo

Mã:

#QuickSearch {top: -110px !important; right:40px !important;}

 

Tắt tính năng tìm kiếm thì nó mất ô search, vậy có cách nào tích hợp Google search thay thế ở chỗ đó không?