Phần 3: Cài đặt style (Skin) cho diễn đàn

Nếu từ một trang giấy trắng mà bạn tạo nên một skin mới thì sẽ rất tốn nhiều thời gian , mà hiện nay trên mạng đã có nhiều skin chia sẽ cho cộng đồng IT nên bài viết này mình chỉ hướng dẫn các bạn cách cài đặt , thay đổi và Rip skin có sẵn . Đầu tiên bạn tải skin về tại đây
Nội dung trích xuất từ tài liệu:
Phần 3: Cài đặt style (Skin) cho diễn đàn PHẦN III : CÀI ĐẶT STYLE ( SKIN ) CHO DIỄN ĐÀNNếu từ một trang giấy trắng mà bạn tạo nên một skin mới thì sẽ rất tốn nhiều thời gian , mà hiện naytrên mạng đã có nhiều skin chia sẽ cho cộng đồng IT nên bài viết này mình chỉ hướng dẫn các bạncách cài đặt , thay đổi và Rip skin có sẵn .Đầu tiên bạn tải skin về tại đây .Demo : www.itvnn.net III.1: Cài đặt skinĐầu tiên bạn upload thư mục images lên host ( các thư mục này đều nằm trong htdocs/forum trênhost , ngang hàng với admincp , index.php ,..) .Sau đó vào AdminCP >> Styles & Templates >> Downlaod/Upload Styles :Tại mục Import Style XML file bạn kick vào Chọn tệp tin ( Browse ... ) và tìm đến file vbulletin-style.xml mà bạn vừa tải về , mục ignore Styles Version tích vào Yes , mục Title for UploadedStyles bạn viết tên skin mà bạn muốn đặt ( có thể bỏ trống ) . Sau đó chọn Import .Quá trình Import diễn ra , nếu bạn import thành công thì lúc này bạn có 2 skin gồm skin mặc địnhvà skin vừa cài đặt .Vào AdminCP >> Styles & Templates >> Style Manager :Để skin sắp xếp theo thứ tự cho dễ quản lí , tại ô trắng cột đầu tiên bạn điền thứ tự bạn chọn , sau đóbạn nhấn vào Save Display Order .Vào forum của bạn nhấn F5 và kéo cuối trang bạn lựa chọn skin hiển thị :Để skin của bạn vừa cài đặt luôn luôn hiển thị mặc định , bạn vào AdmnCP >> Settings >>Options :Kick chọn Style & Language Settings , cửa sổ mới hiện ra :Tại mục Default Style bạn lựa chọn skin vừa cài đặt , tại mục Allow Users To Change Styles bạntích chọn Yes nếu cho phép thành viên lựa chọn skin , chọn No nếu không cho lựa chọn . Mục khácđể nguyên và nhấn Save để lưu lại . III.2: Chỉnh sữa skin .Đến đây là bạn đã có 1 skin , tuy nhiên bạn muốn skin theo ý mình và muốn chọn phông màu kháccho nó đẹp hơn , mang theo phong cách của bạn . III.2.1: Thay đổi chiều rộng , màu phông của forum .Vào AdminCP >> Styles & Templates >> Style manager >> Chọn skin cần chỉnh >> StyleVars :Tại Search StyleVars bạn gõ doc >> doc_width :Mục Units bạn chọn Px , mục Size bạn gõ chiều rộng của forum mà bạn muốn hiển thị >> NhấnSave để lưu lại .Kick vào doc_background :Tại mục – Background Color : bạn chọn một mã màu thập lục ( nhấp vào ô đen ) làm phông nền . – Background Image : Bạn gõ link /images/ẢnhCầnChèn.ĐịnhDạngẢnh của hình ảnh để làm phông nền nếu muốn , hình ảnh phải nằm trong thư mục images trên host . – Background Repeat : lựa chọn hình ảnh lặp lại theo chiều ngang hay dọc ( nên bỏ trống ) – Units : Lựa chọn đơn vị kích thước ảnh hiển thị ( để % nếu lựa chọn ) – Background Image Horizontal Offset : Chọn kích thước hiển thị bề rộng của hình ảnh ( để trống nếu không lựa chọn ) . – Background Vertical Offset : để trống .Nhấn Save để lưu lại .Tiếp tục Kick vào doc_margin : – Use the top value for all sides : tích yes nếu muốn foum hiển thị giữa . – Top : gõ auto – Các mục khác có thể bỏ trống .Nhấn Save để lưu lại . III.2.2: Thay đổi ảnh BannerĐầu tiên bạn phải có ảnh có kích thước 267x88 px để làm banner và upload vào thư mục Imagestrên host . Sau đó vào AdminCP >> Styles & Templates >> Style manager >> Chọn skin cần chỉnh>> StyleVars :Tại Search StyleVars bạn gõ title >> Kéo xuống dưới và kick vào titleimage :Tại mục URL bạn gõ đường dẫn ảnh trên host mà bạn cần chèn vào và nhấn Save để lưu lại . Ví dụmình có ảnh banner.png nằm trong thư mục images/logo/itvnn/ thì mình chèn link như sau : images/logo/itvnn/banner.png III.2.3: Thay đổi ảnh ở cuối trang ( footer).Bạn phải có ảnh kích thước 194x122 px thay thế và được upload trên thư mục /images/ trên host .Vào AdminCP >> Styles & Templates >> Style Manager >> Chọn skin cần chỉnh , Edit Templates>> Footer :Kéo xuống dưới tìm đoạn code sau : Styles & Templates >> Style Manager >> Chọn skin cần chỉnh , Edit Templates>> Footer :Kéo xuống dưới và tìm đoạn code sau : vBulletin 4.0 skin by CompleteVBThêm xuống dưới hoặc thay thế đoạn code sau : Đoạn text mà bạn cần chèn Đoạn textNhấn Save and Reload .Ví dụ mình cần chèn đoạn text như hình ảnh sau :Đoạn code cần viết :THPT Nguyễn Trãi364 Nguyễn Tất Thành, Phường 18, Quận 4, Tp.Hồ ChíMinhĐến đây bạn đã xong cơ bản về skin . Với các skin khác bạn cũng làm tương tự . Các bạn tựtìm hiểu thêm nhé , nhất là temp StyleVars ( Phần này mình sẽ viết ở chương sau ) . Bây giờchúng ta sang phần IV là phần tạo Profile ( Thông tin cá nhân ) và đóng khung thông tin ,phần này sẽ hoàn chỉnh một forum . CHÚC BẠN THÀNH CÔNG ! Ebook by : HTT i ...