- Thoát Kkỏi Sự Gò Bó Khi Sử Dụng Mod_New
- Danh Sách Nhạc Hoàn Hảo Và Dễ Sử Dụng
- Cập Nhật Hiển Thị Lời Ca Khúc
- Kiểm Tra Tự Động Khi Tạo Quà Tặng Mới
- Hoạt Động Hiểu Quả Trên Mọi Trình Duyệt
- Nhẹ Hơn Rất Nhiền Lần So Với Các Phiên Bản Trước
- Hỗ Trợ 100% Nhạc Từ MP3.Zing.Vn Kể Cả Video Hoặc Album
- Phần Hiển Thị Được Chau Chuốt Đẹp Hơn
THỰC HIỆN:
Đầu tiên bạn hãy tạo một chuyên mục mới hoàn toàn có tên là Quà Tặng Âm Nhạc
Cách tạo: Quản lý tổng thể --> Forum --> Categories and forums --> Tiếp theo tự biết. Không biết dừng lại không làm nữa.
Chuyên mục mới sẽ ở dạng Diễn đàn (Không phải Blog)
Ganeral - Messages and e-mails - Configuration:
- 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
Tiếp theo:
Quản Lý Tổng Thể --> Index_body
Tìm:
- Code:
{CHATBOX_TOP}
Sau đó chèn code này 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">aXe.Chieftain</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://vandonstar.googlecode.com/files/VDS_qtan_v6.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();
$('.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>
Chú ý đoạn code <input type="hidden" id="cm_qtan" name="f" value="8" />
Nhớ thay giá trị value bằng giá trị trong link ở chuyên mục QTAN nhé.
Và cuối cùng chèn thêm 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: #000;
z-index: 999;
width:400px;
position:absolute;
right:40px;
bottom:30px;
border:3px solid #000;
}
.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:#000;
border:3px solid #ff0000;
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 #000;
background-color:#ff0000;
}
#vds_tenck,#vds_flash,#vds_nlck,#vds_guiden,#vds_ntdyt,#vds_thoat{background-color:#fbff8f}
#vds_qtgui{background-color:#ff0000;}
.cao_video{height:300px;}
Lưu ý: QTAN V6 có cấu trúc khác hoàn toàn cho nên bạn
cần làm mới hoàn toàn. Nếu cố tình sử dụng nhạc được tạo từ những phiên
bản trước rất có thể sẽ gây vỡ khung.
Nếu bạn nào post được nhạc mà không play được thì vui lòng tìm trong view-topic
- Code:
{postrow.displayed.MESSAGE}
Và xem có <div class="postbody"> bao quanh nó chưa. Nếu chưa có thì cho vào nhé.
Tất cả các lỗi xảy ra bởi các lý do:
- Bạn hãy xem demo từ diễn đàn của tôi và nghĩ xem tại sao tôi không bị lỗi mà bạn lại bị lỗi
- Tự đặt câu hỏi cho mình tại sao lại thế
- Bạn chưa làm đúng hướng dẫn
- Diễn đàn của bạn có lỗi trong temp dẫn đến QTAN lỗi
- Bạn sửa đổi làm hỏng QTAN
- Không phải lỗi nhưng bạn kêu là lỗi
Cách khắc phục:
- Thử chạy QTAN trên một diễn đàn mới chưa sửa đổi temp
- Làm đúng các hướng dẫn trên đây
- Sau khi đã thấy QTAN chạy hoàn hảo thì bắt đầu đưa vào diễn đàn sử dụng
- Nếu có lỗi xảy ra hãy xem xét từng mục trong temp
- Những mục trong temp nào có sự thay đổi hãy copy tạm vào đâu đó và chuyển về mặc định
- Thử nhiều lần với từng mục, điều này cũng giúp bạn phát hiện lỗi trong temp của bạn
- Và cuối cùng nếu vẫn có lỗi xảy ra vui lòng pm cho tôi theo Y!M: axe.chieftain
Và
cuối cùng là khi bạn đã thành công vui lòng reply tại đây để mình biết
lỗi đó là do mình hay do bạn và sửa đổi trong các ver tiếp theo nhé!
Nguồn : vandonstar.com