Yahoo!Mash toàn tập: Làm giao diện cho Mash (Video)

Sau khi bạn đã có tài khoản Mash, thử vài thao tác trên các Moduls là
đến lúc bạn chăm đến hình thức của Mash. Do Yahoo!Mash cho phép người
dùng sử dụng CSS để sáng tao giao diện cho ngôi nhà của mình nên đòi
hỏi các bạn phải có kiến thức cơ bản về CSS cũng như hiểu cấu trúc CSS
của Mash.

Kiến thức cơ bản về CSS, các bạn có thể tham khảo tại địa chỉ: http://www.w3.org/Style/CSS/
Kiến thức về cấu trúc CSS của Yahoo!Mash, các bạn có thể tham khảo bài viết Tạo giao diện (theme) cho Yahoo!Mash như thế nào?

Trong bài hướng dẫn này, HelloICT giới thiệu với các bạn công cụ tạo
CSS tự động (phiên bản mới) với nhiều khả năng tùy biến giúp các bạn
tạo ra theme cho Yahoo!Mash một cách dễ dàng mà cũng rất chuyên nghiệp.

Giới thiệu tính năng công cụ:

Truy cập công cụ với địa chỉ http://helloict.com/mash, các bạn sẽ thấy
giao diện của Yahoo!Mash và có thêm một cửa sổ mới ngay trên góc trên
bên phải màn hình.

Cách sử dụng:

Bước 1: Chọn module cần định dạng.

Chọn 1 module để định dạng

Bước 2: Chọn định dạng cho
Module đang chọn, nhấp nút Cập nhật CSS để tạo CSS, nút Xóa CSS để xóa
CSS đã tạo, nút Xóa các tùy chọn để làm trống các giá trị đã chọn.

Chọn định dạng cho moduel đã chọn

Bước 3: Copy tất cả CSS và past vào phần Advanced CSS của Yahoo!Mash và nhấp nút Apply. Tham khảo thêm bài Tạo giao diện (theme) cho Yahoo!Mash như thế nào?

Copy CSS để sử dụng cho Yahoo!Mash

Cứ như thế, bạn tiếp tục đinh dạng cho module nào bạn muốn!

Hướng sử dụng bằng Video.

Các link sử dụng trong Video:

Hình nền Top:
http://www.helloict.com/mash/styles/noel/07/top_bg.jpg

Hình nền Footer:
http://www.helloict.com/mash/styles/noel/07/footer_bg.jpg

Hình nền cho Header:
http://www.helloict.com/mash/styles/noel/07/block_bg.png

Màu nền:
#2d61a8