![[Phpbb3] Hiệu Ứng khung trả lời nhanh chóng [ Hot ] Moi210](https://i.servimg.com/u/f33/15/73/37/85/moi210.jpg)
Trang Chính
1
[Phpbb3] Hiệu Ứng khung trả lời nhanh chóng [ Hot ] 24/4/2012, 9:32 am
duongcam.ict
Admin
Bài viết : 120
Points : 338
Thanked : 8
Join date : 25/11/2011Age : 34
Đến từ : Việt Nam
Demo:
![[Phpbb3] Hiệu Ứng khung trả lời nhanh chóng [ Hot ] Untitl28](https://i.servimg.com/u/f43/15/93/33/76/untitl28.jpg)
Hiệu ứng này giúp chúng ta có 1 khung trả lời nhanh và hiệu ứng đẹp
Khi ấn vào Chữ Gửi Trả lời sẽ hiện ra 1 khung trả lời như Demo
nó sẽ làm ẩn đi khung trả lời nhanh ở cuối forum
Bắt đầu làm nào :
Bước 1 :
Cho đoạn sau vào Css :
Bước 2 :
Module > HTML & Javascript :
Chọn : In all the pages
Bước 4 : Kick hoạt khung trả lời nhanh :
QLTL >> Messages and e-mails >> Cấu hình diễn đàn
Allow Quick Reply : Chọn có
thế là xong và ra chiêm ngưỡng
Nguồn: cntt-k3.biz
Hiệu ứng này giúp chúng ta có 1 khung trả lời nhanh và hiệu ứng đẹp
Khi ấn vào Chữ Gửi Trả lời sẽ hiện ra 1 khung trả lời như Demo
nó sẽ làm ẩn đi khung trả lời nhanh ở cuối forum
Bắt đầu làm nào :
Bước 1 :
Cho đoạn sau vào Css :
- Code:
/* -- BEGIN Pop-up reply box --*/
#quick_reply{
position:fixed;
top:30%;
left:35%;
background:#FFFFFF;
padding:10px;
border:1px solid #BCBCBC;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
z-index:100;
box-shadow:0px 0px 3px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2);
display:none;
}
.raspunde{
position:fixed !important;
top:0px !important;
left:0px !important;
height:100%;
width:100%;
z-index:20;
opacity:0.7;
background:#000;
display:none;
}
/* -- END Pop-up reply box --*/
Bước 2 :
Module > HTML & Javascript :
Chọn : In all the pages
- Code:
$(function() {
// Modificari si adaugare buton inchidere
$('.copyright').append('<div class="raspunde"></div>');
$('#quick_reply .right-box').append(' <button class="button2 closeqr" type="button"><img src="http://i44.servimg.com/u/f44/15/54/81/90/cross10.png" title="Inchide"/></button>');
// Efecte
if($('#quick_reply').length){
$('div.topic-actions .buttons a:nth-child(2)').attr('href', 'javascript:void(0);');
$('div.topic-actions .buttons a:nth-child(2)').click(function() {
$('.raspunde').fadeIn(500);
$('#quick_reply').fadeIn(500);
});
$('.button2.closeqr').click(function() {
$('.raspunde').fadeOut(250);
$('#quick_reply').fadeOut(250);
});
}
});
Bước 4 : Kick hoạt khung trả lời nhanh :
QLTL >> Messages and e-mails >> Cấu hình diễn đàn
Allow Quick Reply : Chọn có
thế là xong và ra chiêm ngưỡng
Nguồn: cntt-k3.biz
