Cộng Đồng Teen VN

Tiêu đề: rss Sat Oct 30, 2010 5:25 pm

Nguyên tắc hoạt động khá đơn giản, đó là sự kết hợp của code tab và code hiện rss từ trang feedburner.
Ứng dụng hữu hiệu cho phpbb3 khi mà ko thể can thiệp tùy chỉnh template.
Do là sự kết hợp nên sẽ có 2 phần để thực hiện:
(*) PHẦN 1: Tạo feed cho forum
Link feed của forum sẽ có dạng http://linkforum/feed/?f=xx , với xx là số của forum tương ứng, ví dụ http://diendan.chinhphuc.info/feed/?f=6. Copy link đó.
Vào feedburner.com , có thể log in bằng account google, dán link feed đó, tạo mới. Mấy bước này rất đơn giản nên thiết nghĩ ko cần hình ảnh minh họa làm gì hé. Đặt tên cho feed mới nên ngắn gọn dễ hiểu.
Sau đó vào Publicize >> Buzzboost >> Tùy chỉnh rồi click active.
chịu Theo như cp thì tùy chỉnh bỏ tiêu đề, thêm tên tác giả, số bài là 5 - 7, có hiện ngày và bỏ chọn phần hiện nội dung bài viết.
Xong rồi thì copy đoạn code có được. Đoạn code giống giống như sau:

Code:

chịu Nâng cao:
Nếu chỉ đơn thuần chép đoạn code đó vào thì nó sẽ hiện dạng:
Tên tiêu đề
Tác giả
Ngày có bài viết sau cùng
Để được như cp thì cần thêm thắt về css 1 chút. Và thật may mắn chúng ta có 1 admin rất giỏi trong việc này - kalenv. Các bạn thêm đoạn code như sau:

Code:

>>> Giải thích: cập nhật sau

Vậy là xong, mình đã có phần nội dung cần thiết.

(*) PHẦN 2: Code tab
Cái này thì tùy à vì có rất nhiều công cụ để làm, ví dụ lên dynamicdrive, gõ tìm tab là ra 1 đống. Ở đây chinhphuc.info dùng jQuery Vui vì thấy nó sẵn có và hiệu ứng cũng đẹp nữa.
Bước 1:
Tạo 1 file .txt hay .js có nội dung sau:

Code:
$(document).ready(function() {

//When page loads...
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content

//On Click Event
$("ul.tabs li").click(function() {

$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content

var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});

});

Bước 2: Upload lên host cho lấy direct link, dùng googlecode hoặc fileave hoặc fileden (riêng fileden thì phải là dạng txt)

Bước 3: Dán nguyên đoạn code sau vào vị trí cần hiển thị, cụ thể là homepage message cho phpBB3

Code: