Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (78.25 KB, 2 trang )
[Yahoo! Mash] Hướng dẫn cơ bản về CSS
Bài viết tiếp theo là một hướng dẫn nhỏ về CSS trong Yahoo! Mash. Các
đoạn dùng font chữ Courier có kích thước nhỏ hơn là các đoạn mã CSS
và giá trị của nó.
8.10.2007
Bạn là một người mới tiếp cận CSS nhưng rất muốn trang trí thêm cho
trang Mash của mình? Bạn đã biết sự khác nhau giữa nền và đường viền
chưa? Đừng lo lắng, bởi vì đã Leslificationifier ở đây (nghe giống quảng
cáo thuốc diệt muỗi ghê ). Tôi sẽ cung cấp một số trợ giúp về CSS để
mọi người có thể tự làm trang Mash riêng cho chính mình. Tất cả công
việc của bạn cần làm chỉ là copy & paste nó vào ô Advanced CSS trong
module Style this profile.
Thêm ảnh nền vào Mash
Để thêm ảnh nền vào Mash, trước tiên bạn cần một ảnh có trên web. Xem
hướng dẫn tại đây: showthread.php?t=8
Giả sử đường dẫn sau khi upload hình ảnh ở phần 4 của bài hướng dẫn
trên là
thì bạn sẽ có đoạn code như sau
body {
background-color:#FFFFFF;
background-
image:url( /> background-repeat:no-repeat;
background-position:left bottom;
}
Mẫu CSS trên cho bạn một trang có màu nền trắng (#FFFFFF) và thêm
hình ảnh vào phía dưới bên trái của trang. Ảnh nền của bạn sẽ không
được lặp lại (no-tile) do lệnh (no-repeat). Rõ ràng, tất cả những thông số
này đều có thể được thay đổi để có những hiệu quả khác nhau. Bạn có thể
sử dụng 1 ảnh nhỏ, nhưng cho nó lặp lại (tile) toàn trang Mash bằng cách
đổi no-repeat thành repeat. Nếu muốn nó lặp theo hàng chứ không phải từ
trên xuống dưới, hãy đổi no-repeat thành repeat-x. Đổi thành repeat-y nó sẽ