Tổng số bài gửi : 2029 Points : 2100016551 Được cảm ơn : 122 Join date : 12/10/2010 Age : 31 Đến Từ Lớp : Lớp 10T1A
Tổng số bài gửi : 2029
Points : 2100016551
Được cảm ơn : 122
Join date : 12/10/2010
Age : 31
Đến Từ Lớp : Lớp 10T1A
Tiêu đề: Kết hợp tab và rss
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 [You must be registered and logged in to see this link.] , với xx là số của forum tương ứng, ví dụ [You must be registered and logged in to see this link.] 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:
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:
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
$("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:
<style> ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; } ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ }
Nếu muốn thêm tab thì cứ thêm y vậy thay bằng tab6 tab7 tab8 gì đó Thay nội dung bằng các đoạn script ở Phần 1.
nguồn:CP
Kết hợp tab và rss
* Viết tiếng Việt có dấu, là tôn trọng người đọc. * Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết. * Thực hiện những điều trên, là tôn trọng chính mình.
-Nếu chèn smilies có vấn đề thì bấm A/a trên phải khung viết bài
Powered by phpBB2 - GNU General Public License. Host in France. Support by Forumotion. Xem tốt nhất ở độ phần giải 1280x1024 hoặc lớn hơn và trên trình duyệt Firefox