Demo:
- Spoiler:
Hướng dẫn:
1. Tạo một chuyên mục / box mới đặt tên là QTAN ver.6
- Spoiler:
- ACP> QLTT> Forum> Categories and forums
> tạo 1 FORUM (diễn đàn)
k phải nhóm chuyên mục (category)
k phải blog.
- sau khi tạo xong ra index, click vào chuyên mục QTAN vừa tạo
nhìn lên thanh address thấy dạng
ví dụ:
[You must be registered and logged in to see this link.]>>> số thứ tự STT box là 37
2. Điền các thông tin trong mục Mesages & emails
- Spoiler:
- ACP> QLTT> Messages and e-mails>Cấu hình diễn đàn
- điền đầy đủ các thông tin sau
Define another name for Stickies : Chú ý
Define another name for Announcements : Thông báo
Customize a global announcement name : Thông báo chung
3. Thêm codes trong Index_body
- ACP> QLTT> Templates> Index_body
- tìm
- Code:
-
{CHATBOX_TOP}
- chèn code sau ngay phía trên phía trên {CHATBOX_TOP}:
- Code:
-
<div id="thuviennhac" style="display:none;"></div>
<div class="qtantdytvds">
<div id="khungqtanlck" class="anhienlck">
<div id="qtloadingvds" class="an"><img src="http://i48.servimg.com/u/f48/13/58/60/43/loadin10.gif" /></div>
<div id="vds_qtan" class="qtan1vds"><marquee id="vds_cuon" direction="up" scrollamount="1" scrolldelay="100" width="390" height="60" onmouseover="document.getElementById('vds_cuon').stop();" onmouseout="document.getElementById('vds_cuon').start();"></marquee></div>
<div id="vds_lck" class="lck1vds"></div>
</div>
<div id="danhsachnhac" class="ds1vds"></div>
<div id="vds_tdyt" class="tdyt1vds"><b>Quà Tặng Âm Nhạc Version 6</b>
<span class="gen"><i>Thiết kế bởi <font color="red">Minh Đức</font></i></span></div>
<div id="thongtinnguoigui" align="center"><b><font color="yellow">Thông tin người gửi</font></b></div>
<!-- BEGIN switch_user_logged_in -->
<div class="qtantdyt_new"><img src="http://i49.servimg.com/u/f49/16/29/88/81/add10.png" title="Tạo một món quà mới" onclick="qtantdytnew()"/></div>
<!-- END switch_user_logged_in -->
<div class="nutbam_vds">
<div class="nutlck"><img src="http://i49.servimg.com/u/f49/16/29/88/81/list_e10.png" title="Ẩn/Hiện Lời ca khúc" onclick="anhienlck()"/></div>
<div class="nutdsn"><img src="http://i49.servimg.com/u/f49/16/29/88/81/list_s10.png" title="Ẩn/Hiện Danh sách ca khúc" onclick="anhiendsn()"/></div>
</div>
</div>
<div id="vds_nhaplieu" class="an">
<form id="form_qtanvds" target="bvreload" action="/posting.forum" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data">
<span class="gen"><b><font color="#23eb41">Tên ca khúc: »</font></b></span>
<textarea id="vds_tenck" style="width:98%; type="text" rows="1" tabindex="1" wrap="virtual" maxlength="100" onblur="if(this.value=='') this.value='Điền tên bài hát vào đây!';" onfocus="if(this.value=='Điền tên bài hát vào đây!') this.value='';" onkeypress="if (event.keyCode==13){return false}">Điền tên bài hát vào đây!</textarea>
<span class="gen"><b><font color="#23eb41">Mã flash: »</font></b> <i>(Hỗ trợ mp3.zing.vn - nhaccuatui.com - nhac.vui.vn)</i></span>
<textarea id="vds_flash" style="width:98%; type="text" rows="3" tabindex="2" wrap="virtual" maxlength="500" onblur="if(this.value=='') this.value='Dán đoạn mã flash vào đây!';" onfocus="if(this.value=='Dán đoạn mã flash vào đây!') this.value='';" onkeypress="if (event.keyCode==13){return false}">Dán đoạn mã flash vào đây!</textarea>
<span class="gen"><b><font color="#23eb41">Lời ca khúc: »</font></b></span>
<textarea id="vds_nlck" style="width:98%; height:150px;" type="text" wrap="hard" rows="30" tabindex="3" maxlength="3000" onblur="if(this.value=='') this.value='Chưa cập nhật lời...';" onfocus="if(this.value=='Chưa cập nhật lời...') this.value='';">Chưa cập nhật lời...</textarea>
<span class="gen"><b><font color="#23eb41">Gửi đến: »</font></b></span>
<input class="post" type="text" id="vds_guiden" name="nguoinhan" maxlength="30" value="" size="30" tabindex="4" />
-
<input class="liteoption" type="button" id="find_friend" tabindex="5" value="Tìm thành viên">
<span class="gen"><b><font color="#23eb41">Thông điệp: »</font></b> <i>(Ít nhất 30 ký tự)</i></span>
<textarea id="vds_ntdyt" style="width:98%; type="text" rows="2" tabindex="6" wrap="soft" maxlength="255" onblur="if(this.value=='') this.value='Nội dung thông điệp...';" onfocus="if(this.value=='Nội dung thông điệp...') this.value='';" onkeypress="if (event.keyCode==13){return false}">Nội dung thông điệp...</textarea>
<center>
<input id="vds_qtgui" style="width:50px; height:25px;" class="mainoption" type="submit" name="post" value="Gửi" tabindex="8" onclick="guiquatang(), offqtantdytnew()" />
<input id="vds_thoat" style="width:50px; height:25px;" type="button" value="Thoát" tabindex="9" onclick="offqtantdytnew()" />
</center>
<input type="hidden" class="post" name="subject" id="vds_qtan_tieude" />
<input type="hidden" name="message" id="vds_qtan_noidung" />
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" id="linkvds" value="" />
<input type="hidden" id="vds_kt_1" value="" />
<input type="hidden" id="vds_kt_2" value="" />
<input type="hidden" id="vds_kt_3" value="" />
<input type="hidden" id="vds_kt_4" value="" />
<div class="an"><iframe name="bvreload" height="1px" width="1px"></iframe></div>
<div type="z-index:9999;" id="find_username" class="jqmWindow"></div>
<script type="text/javascript">
function guiquatang(){var t=setTimeout("trolaitrang()",1000);}
function trolaitrang(){window.location.replace("{TOPIC_URL}");}
</script>
<script src="http://illiweb.com/rs3/13/frm/jquery/jqmodal/jqmodal.js" type="text/javascript"></script>
<script src="http://c012a43.forumvi.com/12244.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){function find_username(fieldname) {
$.get('/search.forum?mode=searchuser&fieldname=' + fieldname + '&time=' + timestamp(), '',function(data){
$('#find_username').html(data).jqmShow();$.get('/search.forum?mode=searchuser&fieldname=' + fieldname + '&time=' + timestamp(), '',function(data){
$('#find_username').html(data).jqmShow();
$('.jqmOverlay').bgiframe();
$('.jqmOverlay').bgiframe();
$('#find_username').bgiframe();});return false;}
$('#find_friend').click(function(){return find_username('nguoinhan');});
$('#find_foe').click(function(){return find_username('foe');});
$('#find_username').jqm({toTop: true});});//]]></script>
<input type="hidden" id="cm_qtan" name="f" value="8" />
</form>
</div>
- Tìm đoạn code
- Code:
-
<input type="hidden" id="cm_qtan" name="f" value="8" />
thay value="8" bằng value="số chuyên mục / box QTAN tạo ở bước 1."
ví dụ:
Link box QTAN:
[You must be registered and logged in to see this link.]thì sẽ là:
- Code:
-
<input type="hidden" id="cm_qtan" name="f" value="37" />
Bạn chèn code sau vào cuối index body:
- Code:
-
<script type="text/javascript">
$(".qtantdyt_new").click(function(){
jQuery("<div />").load("/post?f=8&mode=newtopic input[name^=auth]").appendTo("form#form_qtanvds");
});</script>
Tìm trong đoạn trên số 8 thay bằng số chuyên mục tương ứng.
4. thêm codes vào CSS:
- Code:
-
#vds_nhaplieu{
font: 12pt Tahoma, Arial;
opacity: 0.9;filter: alpha(opacity=90);
position:fixed;
left:30%;
top:50px;
overflow:hidden;
background-color:#000;
padding:5px;
width:400px;
border:10px solid #5E9EFF;
z-index: 999;}
.an{display:none}
.khungqtanvds{
margin:2px;
width:99%;
height:62px;
}
.qtantdytvds{
font: 12pt Tahoma, Arial;
width:98%;
height:110px;
position:relative;
}
.botrongoc{border-radius:33px}
.ds1vds{
display:none;
overflow:auto;
z-index: 999;
opacity: 0.5;filter: alpha(opacity=50);
background-color:#bce82c;
overflow:auto;
padding:3px;
max-height:400px;
position:absolute;
border:2px solid green;
height:150px;
width:393px;
right:40px;
top:115px;
}
.anhienlck{
background-color: #FFFFCC;
z-index: 999;
width:400px;
position:absolute;
right:40px;
bottom:30px;
border:3px solid #000099;
}
.qtan1vds{
background:#bce82c url(http://i49.servimg.com/u/f49/16/29/88/81/music-10.png) no-repeat;
position:relative;
width:400px;
height:66px;
}
.lck1vds{
display:none;
word-wrap:break-word;
width:95%;
overflow:auto;
height:200px;
margin-top:20px;
padding:5px;
position:relative;
bottom:15px;
}
.tdyt1vds{
z-index: 99;
background:#000000 url(http://i48.servimg.com/u/f48/13/58/60/43/bgqtan10.png) top left no-repeat;
padding:10px 2px 2px 2px;
width:100%;
height:50px;
display:block;
position:absolute;
left:0px;
bottom:0px;
border:3px solid #ff0000;
}
.nutbam_vds{z-index: 999;position:absolute;right:-5px;bottom:5px;width:30px;height:58px;background-color:#5E9EFF;}
.nutlck{z-index: 999;position:absolute;right:7px;top:7px;cursor:pointer;}
.nutdsn{z-index: 999;position:absolute;right:7px;bottom:7px;cursor:pointer;}
.qtantdyt_new{z-index: 999;position:absolute;right:447px;bottom:33px;cursor:pointer;}
a.dsnhac, a.dsnhac:link{
font-weight: bold;
font-size: 12px;
display:block;
color:#4317d3;padding:1px 20px;
transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;
}
a.dsnhac:hover{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
#vds_cuon{margin:2px;text-align:right}
#thongtinnguoigui{
overflow:hidden;
border-radius:10px 10px 0 0;
opacity: 0.3;filter: alpha(opacity=30);
background-color:#CCFFFF;
border:3px solid #880000;
position:absolute;
bottom:65px;
left:20px;
width:200px;
height:15px;
padding:5px;
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
transition-delay: 1s; -webkit-transition-delay: 1s; -moz-transition-delay: 1s;
}
#thongtinnguoigui:hover{
overflow:auto;
opacity: 1;filter: alpha(opacity=100);
height:150px;
transition: all 2s ease; -webkit-transition: all 2s ease; -moz-transition: all 2s ease;
}
#qtloadingvds{
z-index: 999;
position:absolute;
left:77px;
top:-11px;
padding:2px;
border:2px solid #CCFFFF;
background-color:#770000;
}
#vds_tenck,#vds_flash,#vds_nlck,#vds_guiden,#vds_ntdyt,#vds_thoat{background-color:#fbff8f}
#vds_qtgui{background-color:#ff0000;}
.cao_video{height:300px;}
5. kiểm duyệt từ:
- ACP> QLTT> Kiểm duyệt từ>Thêm từ mới
- Từ : flash Thay thế bằng từ: flash
Chúc các bạn thành công!