avatar

  • Trợ Lý

Posts Posts : 218
Vàng Vàng : 14466
G.tính G.tính : Nam
Đến từ Đến từ : Nhà
Tuổi Tuổi : 22
C.Việc C.Việc : Nhà
T.gia T.gia : 28/03/2013
Logo Logo :
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:









{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:



  • Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang Thông điệp [Trang 1 trong tổng số 1 trang]

    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

    Quyền hạn của bạn:
    Bạn không có quyền trả lời bài viết