[Code] Thống Kê Tình Hình Diễn Đàn

28/03/2013

Bảng thông kê diễn đàn dạng tab "đa chức năng"
Demo online: [You must be registered and logged in to see this link.]
Code dựa trên nguyên lí của lasttopic
Hướng dẫn : Đã ẩn

Bước 1 : Cho code sau vào CSS:
Code:
#thai_tab {border-bottom: 1px solid #ccc;}
#stabs {list-style: none;padding: 5px 0 4px 0;margin: 0 0 0 10px;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 13px;}
#stabs li {
display: inline;}
#stabs li a:hover {
background-color: #dddddd;
padding: 4px 6px;
}
#stabs li.active a {
border-bottom: 1px solid #fff;
background-color: #fff;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
#stabs li.active a:hover {
background-color: #eeeeee;
padding: 4px 6px 5px 6px;
border-bottom: none;
}
.hotrofm_tab {
display: none;
}
#stabs li a {
border: 1px solid #ccc;
padding: 4px 6px;
text-decoration: none;
background-color: #eeeeee;
border-bottom: none;
outline: none;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}
#thai_tab_content {
border: 1px solid #ccc;
border-top: none;
padding: 10px;
}

Bước 2: Vào index_body tìm
Code:

ĐẾN
....

Xóa nó đi

Và thay bằng code
Code:

[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this link.]

[You must be registered and logged in to see this link.]

{TOTAL_USERS_ONLINE}

{LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}

{NEWEST_USER}

{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

{LEGEND} : {GROUP_LEGEND}

{RECORD_USERS}

{TOTAL_POSTS}

{TOTAL_USERS}

[You must be registered and logged in to see this image.]

Bước 3 : Tạo 1 Javascript mới
Title : Bảng thống kê dạng tab
Placement : In the homepage
Code :
Code:
$(document).ready(function(){
$("#stabs li").click(function() {
$("#stabs li").removeClass('active');
$(this).addClass("active");
$(".hotrofm_tab").code();
var selected_tab = $(this).find("a").attr("href");
$(selected_tab).fadeIn();
return false;
});
});

Chú ý nếu các bạn muốn xóa tab bất kỳ thì làm theo các bước
Vào index_body tìm
Code:

Thay số tab mà bạn muốn xóa vào và xóa code đó đi
Tiếp theo tìm
Code:

[Code] Thống Kê Tình Hình Diễn Đàn Sun Mar 31, 2013 7:52 am

Bình luận về bài viết

Bạn cần để bình luận về bài viết

Nếu chưa có tài khoản bạn vui lòng tài khoản