Trước hết, bạn hãy xem demo một trang sử dụng CSS để chỉnh sửa giao diện: http://vnvista.com/i-shine (hãy xem từ đầu tới cuối trang, thử rê chuột lên link tiêu đề các bài viết...) Blog này dùng skin VnVista Lolita, và trong phần ẩn ở dưới là đoạn mã CSS mà blog này sử dụng:
Blog ở VnVista cho phép bạn sử dụng CSS để chỉnh sửa giao diện. Với CSS bạn có thể thay đổi hầu hết các phần giao diện của bạn, từ ảnh nền, màu link, cỡ chữ, font chữ, thanh trượt, con trỏ cho tới kích thước các phần trên trang web. Bài này sẽ giới thiệu một số đoạn CSS để chỉnh sửa một số phần dễ nhìn thấy nhất trên blog bạn. Nếu chưa biết CSS thì bạn có thể dựa vào những đoạn mã này để chỉnh sửa các phần khác của blog, vì CSS (Cascading Style Sheet) đơn giản chỉ là những dòng lệnh quy định giao diện của một trang web và rất dễ học.
Để nhập CSS cho blog của bạn, hãy vào Thiết lập chính cho blog trong Bảng điều khiển của bạn rồi tìm dòng sau:
QUOTE
Nếu bạn muốn chỉnh sửa thêm giao diện blog với CSS, hãy click vào đây
Click vào link ở dòng này để mở khung nhập CSS.
-------oOo-------
Ok, should be ready now. Đầu tiên chúng ta sẽ thử thay đổi thanh trượt của blog (trong IE) bằng cách nhập đoạn mã sau vào khung CSS:
Sau khi click OK để cập nhật thiết lập, giờ bạn hãy thử vào lại blog bạn để xem thay đổi (nếu thấy mọi thứ vẫn như cũ thì bạn hãy nhấn F5 để refresh trang web - cả với những phần chỉnh sửa sau cũng vậy). Bạn có thấy một thanh trượt mới?
Bạn có thể download một ứng dụng nhỏ (flash) để tạo thanh trượt với màu sắc theo ý mình tại đây. Khi chạy chương trình và tạo được một thanh trượt như ý rồi, bạn hãy copy đoạn mã CSS ở giữa mà chương trình tạo ra từ body { ...cho tới... } - bỏ hai dòng :
CODE
<style type="text/css"> <!--
và
CODE
--> </style>
ở đầu và cuối đi. Dán đoạn mã này vào khung CSS cho blog của bạn là ok.
VnVista Forum > Bản tin diễn đàn - Board Communication Center > Hướng dẫn sử dụng website > Mọi điều về web cá nhân (blog) VnVista
Tacaza Chán ngấy giao diện blog của bạn? Hãy thử CSS ! Aug 24 2006, 03:02 AM
Aug 24 2006, 03:02 AM
