Demo :


Chú thích : Khi nhấp chuột lên tên thành viên trong bài của họ thì sẽ hiện có lý lịch của người ấy hiện lên và click vô các tab (không chuyển trang) để xem lý lịch
Hướng dấn :
Bước 1 : ACP --> Modules --> Javascript codes management --> Tạo 1 file Javascript
Title : Quick View Profile In Topic
Place : In the topic hoặc In all the page
Code :

Code:

$(function () {
$('#tabs a').live("click", function(){
var data = $(this).attr('href');
$('#profile-advanced-layout').load(data + '#profile-advanced-layout #profile-advanced-left ');
 return false;
});
$('.username a[href*="/u"]').click(function () {
$('body').prepend('<div style="width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #0f0f0f;"  id="backcss"></div><div id="popup" class="tback" style="z-index: 10000;"></div>');
$('.pun').prepend('<div id="popup" class="tback" style="z-index: 10001;"></div><style>
#profile-advanced-layout{margin-right: 500px;}
#profile-advanced-left{margin-right: 0px;}
</style>');
var userdata = $(this).attr('href');
 $('#popup').load(userdata + ' #main #profile-advanced-layout', function () {
$('#backcss').click(function () {
$('#backcss, #popup').remove();
});
});
return false;
});
});

Bước 2 : ACP --> Display --> CSS Stylesheet
Thêm CSS

Code:

.tback {
    background-color: white;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
    left: 500px;
    margin: 0 auto !important;
    max-height: 700px;
    max-width: 1600px;
    overflow: auto;
    padding: 4px;
    position: fixed !important;
    top: 100px;
}

Bước 3 : Lưu lại và xong



Chú ý :
- Code vô tác dụng khi edit profile
- -------------------- xóa class :username trong view

Cái này chỉ dùng cho punbb mặc định thui àh Rum mình ko dùng được

click cho vài cái loạn ngay ý mà

Hoàng Tử Nai đã viết:Cái này chỉ dùng cho punbb mặc định thui àh Rum mình ko dùng được

Chú ý :
- Code vô tác dụng khi edit profile
- -------------------- xóa class :username trong view

[/quote]

Quá nhọ !!!!!!!!!!!!!

cảnh báo: Mặc dù hay nhưng bài viết load chậm hơn trông thấy. mình đã test

hauforum đã viết:cảnh báo: Mặc dù hay nhưng bài viết load chậm hơn trông thấy. mình đã test

Khi click vào phần tử thì mới chạy function nên ko ảnh hưởng đến tốc độ load bài viết đâu bạn.