Other Thiết lập XenVetana, Kitchen Sink và Fixed Width Style

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
Thiết lập XenVetana, Kitchen Sink và Fixed Width Style

XenVetana

- Đến AppearanceStyles Create New Style và điền vào các lĩnh vực như sau:

Parent Style: Default Style
Title: XenVetana
Description: The normal style, but using the classic Helvetica font for UI and Verdana for messages.
Lưu và chờ đợi cho đến khi template được tạo ra.

- Đến AppearanceStyle Properties và chọn XenVetana từ dropdown.
- Đến GeneralBody và copy&paste sau đây trong lĩnh vực Font Family:
Mã:
'Helvetica Neue',Helvetica,Arial,sans-serif

Lưu lại.

- Đến Page Width Controller, xóa
Mã:
min-width: 940px;

Và thay đổi
Mã:
_width: 976px;

Thành
Mã:
width: 976px;


Mã:
_margin: 0 auto;

Thành
Mã:
margin: 0 auto;

Bây giờ đến Message ElementsMessage Text và copy&paste sau đây trong lĩnh vực Font Family:
Mã:
Verdana,Arial,sans-serif

Thay đổi font-size từ 11pt thành 10pt và lưu lại.

Fixed Width Style

- Đến AppearanceStyles Create New Style và điền vào các lĩnh vực như sau:

Parent Style: Default Style
Title: Fixed Width Style
Description: This is a version of the default style with its width fixed to fit an XGA display.
Lưu và chờ đợi cho đến khi template được tạo ra.

- Đến AppearanceStyle Properties và chọn Fixed Width Style từ dropdown.
- Đến GeneralPage Width Controller, xóa
Mã:
min-width: 940px;

Và thay đổi
Mã:
_width: 976px;

Thành:
Mã:
width: 976px;


Mã:
_margin: 0 auto;

Thành
Mã:
margin: 0 auto;

Lưu lại.

Kitchen Sink

- Đến AppearanceStyles Create New Style và điền vào các lĩnh vực như sau:

Parent Style: Default Style
Title: Kitchen Sink
Description: This version of the default style has various user info displayed with posts.
Lưu và chờ đợi cho đến khi template được tạo ra.

- Đến GeneralPage Width Controller, xóa
Mã:
min-width: 940px;

Và thay đổi
Mã:
_width: 976px;

Thành:
Mã:
width: 976px;


Mã:
_margin: 0 auto;

Thành
Mã:
margin: 0 auto;

Lưu lại.

- Đến Message LayoutUser Info Block và thay đổi background colour thành @secondaryLighter, border colour thành @secondaryLight và lưu lại.

- Đến Message LayoutAvatar Holder, thay đổi background colour thành @secondaryLightest và lưu lại.

- Đến Message LayoutExtra User Info, thay đổi background colour thành @secondaryLighter và lưu lại.

- Đến Message ElementsSettings và check tất cả checkbox. Lưu lại.

Tùy chọn bạn có thể tùy chỉnh style chooser của bạn bằng cách lấy sprite này và áp dụng CSS trong template style_chooser.css hay EXTRA.css.

Chúc các bạn thành công.


Nguồn: xenforo.com​
 
  • Like
Reactions: THB

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom