Hướng dẫn chỉnh sửa giao diện của vbb4 (cơ bản nhất)

[HocVN.Net]

Stylevar vbb 4.0-Hướng dẫn chỉnh sửa giao diện của vbb 4.0(cơ bản nhất)

Style var vbb 4.0 khá lớn, nhưng mình chỉ HD một số thứ hay dùng để các bạn chỉnh giao diện( skin ) của mình.

Đầu tiền bạn vào admincp-->style and tamplate(giao diện)-->manager(quản lý giao diện)-->giao diện cần sửa và chọn đến style var như hình vẽ



Bây giờ nó sẽ hiện ra một loạt lựa chọn,bạn chọn phần cần chỉnh .Trong đó các phần cần chỉnh chủ yếu như sau:

Mình HD từ trên xuống dưới của skin:
Đầu tiên chỉnh header:
Nó là phần:
Header:
header_backgruond:

Cái đầu tiên là màu header(Background Color)
Cái thứ 2 là ảnh nền Background Image.
Điền dạng
Mã:
url(link ảnh)
Background Repeat : có lặp lại hay không.

Tương tự:
Header_Border:Thay đổi thuộc tính viền bao quanh header.
Header_color:Thay đổi màu chữ ở phần header.
Header_Font:Thay đổi định dạng font chữ phần header.
Header_link_color:Thay đổi màu link ở header.
Header_Linkhover_color:Thay đổi màu link ở header khi di chuột qua.
Header_padding: Thay đổi khoảng cách của header với các đối tượng khác.

Muốn thay đổi các chữ chào mừng thành viên thì thay đổi ở toplink:
Toplink_linkcolor là màu chữ đó
Toplink_linkovercolor là màu link khi di chuột đến:

Đã xong header.Đến phần menu bar:

Sửa menu bar:
navbar_tab_bacground:
Background Color: màu
Background Image :ảnh nền( cách chèn tương tự cái trên)
repeat: lặp lại: có thể chọn x để giảm dungluownngj ảnh
Sửa menu bar selected:
navabar_tab_bacground_slected
Các thông số tương tự navbar_tab_bacground:

Navbar:
Các thông số gồm có navbar_color,navbar_fotn : tự hiểu nhé:X
Màu nền toàn 4rum: Doc_background
Chiều rộng forum: Common -> Document Width hay doc_Width ko nhớ rõ
Chiều rộng sidebar blocks: Forum Sidebar Width

Còn lại các bạn tự mò mẫm là sẽ ra nhiều cái cần chỉnh thú vị trong style var đấy


* Blockhead_background => Thay đổi màu thanh khi post bài và quick reply
* Blocksubhead_background => Thay đổi màu background chú thích forum (forum descript)
* control_content_background => Thay đổi màu nút bấm Gửi bài trong postbit
* control_content_hover_background => Thay đổi màu nút bấm Gửi bài khi di chuột vào trong postbit.
* doc_background => Thay đổi màu nền ngoài forum
* body_background => Thay đổi màu nên forum
* border_radius => Thay đổi độ bo tròn toàn forum
* Font => Thay đổi kích cỡ và kiểu chữ trên forum
* footer_background => Thay đổi màu thanh footer
* forum_sidebar_background => Thay đổi màu thanh sidebar

----------> Bổ sung bài viết lúc 14:15 <----------> Bài viết trước lúc 14:14 <----------

* navbar_tab_selected_background => Thay đổi màu thanh tab navbar khi chọn
* postbithead_background=> Thay đổi màu thanh trên cùng trong postbit
* threadlisthead_background=> Thay đổi màu thanh trên cùng list bài viết trong một box