* Kiểu dáng (style) cho việc hiển thị RSS
Vừa rồi quý vị đã Lấy đoạn mã để hiển thị RSS lên Web, Quý vị cũng có thể áp dụng những kiểu dáng khác nhau nhằm làm cho nội dung hiển thị được đẹp hơn để phù hợp với Website của quý vị. Mỗi thành phần của nội dung file RSS có một từ định danh, nó cho phép quý vị thiết đặt các kiểu dáng khác nhau cho từng thành phần nội dung, tiêu đề, mục, và thời gian gửi. Có một ít kiểu dáng mẫu ở đây; để xem thêm, hãy tới Feed2JS Style Center.
Sử dụng Style Sheet
Quý vị sẽ phải hợp nhất mã CSS lên trang HTML hoặc Link tới một style bên ngoài (dưới dạng 1 file).; Như vậy có hai cách :
- Chèn trực tiếp CSS vào trang HTML mà quý vị muốn hiển thị RSS lên đó. Cách này tốt nếu quý vị chỉ có RSS/1 trang web và số lượng trang Web ít. Sử dụng cấu trúc bên dưới để chèn một kiểu dáng quý vị vừa lựa chọn vào đó, copy CSS, và dán vào bất cứ đâu trong thẻ
<HEAD>...</HEAD>
của trang HTML mà quý vị đặt mã hiển thị RSS, chú ý: đoạn mã hiển thị kiểu dáng phải được đặt giữa cặp thẻ<style>...</style>
.<style type="text/css" media="all"> <!-- Dán đoạn mã CSS vừa tạo ở trên vào đây --> </style>
- Link tới một style bên ngoài. Sử dụng phương pháp này nếu có nhiều trang cần hiển thị RSS, bằng việc tạo một file .CSS (chứ không chèn trực tiếp lên trang HTML), và như vậy quý vị chỉ cần thay đổi Style một lần cho tất cả các trang. quý vị chỉ việc copy đoạn mã CSS vừa được tạo ra, bật Notepad lên và dán vào đó. Lưu file này lại với tên "kieudangrss.css". Đặt file này vào thư mục gốc của site hoặc bất cứ nơi nào, chỉ cần quý vị nhớ vị trí để link đến nó. Tốt nhất đật trong thư mục
style
trong thư mục gốc.
Giả sử tôi đạt file này trong thư mụcstyle
và đật thư mụcstyle
vào trong thư mục chứa trang Web, để kết nối trang HTML tới file Style này, chèn đoạn mã sau vào giữa cặp thẻ<HEAD>...</HEAD>
của trang HTML chứa đoạn mã hiển thị RSS.<link rel="stylesheet" href="style/kieudang.css" media="all">
Nhớ rằng giá trịhref=
phải được chỉ một cách chính xác theo nguyên tắc của địa chỉ tương đối (nếu không, quý vị có thể sử dụng địa chỉ tuyệt đối có dạng http://www.website-cuaban.com/style/kieudang.css)
Một CSS chuẩn có cấu trúc như sau:
![](style/css_classes.gif)
Ảnh minh họa cho 1 Style tạo bởi công cụ RSS2JS
- rss_box: toàn bộ vùng hiển thị RSS.
- rss_title: Tiêu đề và link (nếu có). Sử dụng thẻ
rss_title a:link, rss_title a:hover
... để định nghĩa - rss_items: Các mục được nhận biết bởi cập thẻ
<ul>...</ul>
. - rss_item: hiển thị mỗi mục miêu tả & tiêu đề, đặt trong cặp thẻ
<li>...</li>
nhằm mô tả cho nội dung của link (nếu có) . - rss_item a: dùng cho phụ đề
- rss_date: ngày gửi
Thủ thuật nâng cao: 2 Style trong 1 trang
Nếu quý vị có nhiều file RSS cần hiển thị trên 1 trang, có thể quý vị sẽ cần tới các Style khác nhau. Khi đó quý vị cần hiểu rõ về CSS để nó có thể làm việc!.
Bằng việc thêm vào các chỉ số cho file CSS được chỉ ra trong Công cụ RSS2JS quý vị có thể tạo ra những lớp giao diện khác nhau. Mỗi giá trị sẽ tạo ra một tên chỉ định cho CSS khác nhau có dạng rss_box_XXXX trong đó mỗi XXXX là một giá trị chỉ định.
Xem 2 ví dụ dưới đây:
- Hai kiểu Khác nhau Hoàn toàn. Kiểu thứ hai có 1 giá trị
css=spirit
, như vậy tất cả các thành phần của CSS được định nghĩa là 1 lớp con của lớp này. - Hai kiểu tương tự nhau. Ở trường hợp này, sự khác nhau duy nhất là màu nền, nó được chỉ ra bên trong thẻ rss_box_w và rss_box_g.