[FM-Vi] Quà Tặng Âm Nhạc [Version 6.0] [Hơn cả sự mong đợi]

[vandonstar]

First topic message reminder :

Vậy là sau bao ngày mò mẫm vừa học vừa làm thì cuối cùng công sức cũng được đáp trả.
Đó là sự ra đời của Quà tặng âm nhạc version 6.0

NHỮNG THAY ĐỔI LỚN TRONG VER 6.0

• Thoát khỏi sự gò bó khi phải 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ều 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

Sử dụng cho Phpbb2
(Những phiên bản khác xin vui lòng chờ ver tiếp theo)

DEMO:

Code:

http://www.vandonstar.com/

[You must be registered and logged in to see this image.]

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 thì 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:

1. Thử chạy QTAN trên một diễn đàn mới chưa sửa đổi temp
2. Làm đúng các hướng dẫn trên đây
3. Sau khi đã thấy QTAN chạy hoàn hảo thì bắt đầu đưa vào diễn đàn sử dụng
4. Nếu có lỗi xảy ra hãy xem xét từng mục trong temp
5. 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
6. 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
7. 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é!

Thân!

Thiết kế bởi Admin vandonstar.com

[trien96]

Hix không biết ai có bị lỗi như của mình ko? Gửi được bài hát nhưng lại không hiện lên ở chỗ QTAN mà ở mục QTAN vẫn có.

[LiBee KS]

Chắc phải chờ Ver 7 fix lỗi quá...@@!

[Devil_nhok_x]

Hix không biết ai có bị lỗi như của mình ko? Gửi được bài hát nhưng lại không hiện lên ở chỗ QTAN mà ở mục QTAN vẫn có.

Loi y chang bạn!

[Devil_nhok_x]

Tested trên Php2 đã thành công! @@! Hiện bài hát rõ ràng nhưng bấm vào thì loading... hoài luon ko nghe được.

Test tren punbb thì send ko ra luôn !

[super_cv]

( lỗi gửi được nhưng không play được ) không biết các bạn là gì chứ lỗi của mình là trong View toppic_body tìm

Code:

<span class="postbody"><div class="posts"> {postrow.displayed.MESSAGE}

thay bằng

Code:

<div class="postbody"><div>{postrow.displayed.MESSAGE}</div>

mò cả buổi mới tìm được

[notme]

( lỗi gửi được nhưng không play được ) không biết các bạn là gì chứ lỗi của mình là trong View toppic_body tìm

Code:

<span class="postbody"><div class="posts"> {postrow.displayed.MESSAGE}

thay bằng

Code:

<div class="postbody"><div>{postrow.displayed.MESSAGE}</div>

mò cả buổi mới tìm được

mấy cái này là đặt thuộc tính cho bài gửi thôi mà

[trien96]

Không được đâu bạn à! Chán, nhiều lỗi quá

[vandonstar]

vớ vẩn, của mình chỉ hiện avatar, mình nghĩ là profile ngang thì ko hiện, chỉ dùng cho profile dọc

Nói chung là load dữ liệu, chỉ cần tìm đúng vị trí thì ngang dọc gì cũng lên, nhưng có lẽ chả ai cần xem nhiều như thế.
Mình nghĩ là chỉ cần load tên người gửi là đủ rồi, việc dựa vào cấu trúc forum và lạm dụng CSS 3 sẽ làm giảm khả năng phổ biến.

Có lẽ phải hướng dẫn chi tiết hơn thì mọi người mới cài đặt được.

Bạn nào gặp lỗi cứ cho link diễn đàn lên đây để mình vào xem thử nha!

[vn-family]

bạn thử làm cái video cho mọi người xem đi. Đổi mầu chữ chỗ người gửi từ màu đen thành màu khác kiểu gì thế.

[super_cv]

( lỗi gửi được nhưng không play được ) không biết các bạn là gì chứ lỗi của mình là trong View toppic_body tìm

Code:

<span class="postbody"><div class="posts"> {postrow.displayed.MESSAGE}

thay bằng

Code:

<div class="postbody"><div>{postrow.displayed.MESSAGE}</div>

mò cả buổi mới tìm được

mấy cái này là đặt thuộc tính cho bài gửi thôi mà

mình đã làm và đã thành công

demo

Code:

http://www.groupa2.tk

[Trọng Tuấn]

Code:

[You must be registered and logged in to see this link.]

Mình đã thử thành công, nhưng khi bấm vào tên bài hát thì nó cứ loading, loading....
Và viewtopic của mình là ngang

[super_cv]

Code:

[You must be registered and logged in to see this link.]

Mình đã thử thành công, nhưng khi bấm vào tên bài hát thì nó cứ loading, loading....
Và viewtopic của mình là ngang

tìm viewtopic

Code:

<span class="postbody"><div class="posts">{postrow.displayed.MESSAGE}

thay bằng

Code:

<div class="postbody"><div>{postrow.displayed.MESSAGE}</div>

[vandonstar]

Code:

[You must be registered and logged in to see this link.]

Mình đã thử thành công, nhưng khi bấm vào tên bài hát thì nó cứ loading, loading....
Và viewtopic của mình là ngang

Thay class="qtg" trong view-topic của bạn thành class="postbody" nhé

[vandonstar]

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}

Xem xem có <div class="postbody"> bao quanh nó chưa nếu chưa có thì cho vào nhé.

[vandonstar]

bạn thử làm cái video cho mọi người xem đi. Đổi mầu chữ chỗ người gửi từ màu đen thành màu khác kiểu gì thế.

vào Css tìm #thongtinnguoigui
nhìn xuống dưới 1 tẹo
thay background-color:#000; thành màu bạn thích nhé

[Trọng Tuấn]

Bây giờ lại thêm lỗi không hiện thông tin người gửi!

[huuphuoc247248]

Code:

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 thì 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

Code:

 Quản lý tổng thể --> Forum --> Categories and forums --> Tiếp theo tự biết. Không biết thì dừng lại không làm nữa.

tiếplà làm gj

Code:

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

còn cái nài ở đâu

[vn-family]

ai send cái code view-topic mới hix mình sửa mãi không được

[LiBee KS]

Đây là topic QTAM ở ai đâu mà send bạn cái View topic ..spam à @@!

[vn-family]

Đây là topic QTAM ở ai đâu mà send bạn cái View topic ..spam à @@!

gì thế người ta xin để nhạc nó chạy lại bảo người ta spam gì thế nhỉ what.

[dptlong]

[You must be registered and logged in to see this image.]
KIẾM MUỐN RỤNG MẮT CŨNG KHÔNG BIẾT CHỔ NÀO ĐỂ THAY BACKGROUND CỦA 2 KHUNG CHỈ MŨI TÊN . LỜI BÀI HÁT PHẢI QUÉT KHỐI MỚI THẤY. CHỊU

[dptlong]

[You must be registered and logged in to see this image.]

Sao tiêu đề bị lập lại zậy nè !!!

GIÚP VỚI

[Cyhitmen]

màu đen hay gì đó tìm #00000 hay gì đó mà dò hoặc có khi chơi mã màu RGB tìm xxx, xxx, xxx

[dptlong]

[You must be registered and logged in to see this image.]
Tìm nhiều cách rồi, tìm banh cả code mà ko ra
Sao tiêu đề bị lập lại zậy nè !!!

GIÚP VỚI

[vandonstar]

[You must be registered and logged in to see this image.]
KIẾM MUỐN RỤNG MẮT CŨNG KHÔNG BIẾT CHỔ NÀO ĐỂ THAY BACKGROUND CỦA 2 KHUNG CHỈ MŨI TÊN . LỜI BÀI HÁT PHẢI QUÉT KHỐI MỚI THẤY. CHỊU

Tìm class lck1vds và thêm thuộc tính background-color nhé!

[vandonstar]

[You must be registered and logged in to see this image.]

Sao tiêu đề bị lập lại zậy nè !!!

GIÚP VỚI

Nghĩa là sao? Hình như bạn đâu có bị lỗi gì đâu

[Tiểu Bá Vương]

Các bác mơi. E mới làm cái QTAN lần đầu. Cho hỏi để ẩn QTAN khỏi Last như thế nào vậy. Với Ver 6 này nha. Thanks all

[super_cv]

cũng đang định hỏi cái vụ này
hạn chế số bài gửi của men trong box QTAN và ẩn QTAN trên last pro đâu

[vandonstar]

Các bác mơi. E mới làm cái QTAN lần đầu. Cho hỏi để ẩn QTAN khỏi Last như thế nào vậy. Với Ver 6 này nha. Thanks all

cũng đang định hỏi cái vụ này
hạn chế số bài gửi của men trong box QTAN và ẩn QTAN trên last pro đâu

Ở ver 6 này chỉ như một hình thức post nhạc bình thường. Cho nên những việc này mình nghĩ là không cần thiết.
Bạn nên cho box Qtan vào khu vực chia sẻ nhạc trên 4r của bạn thì tốt hơn đấy!

[DarkSky]

vẫn còn lỗi ko hiện nội dung ở phần Thông Tin Người Gửi

[Sponsored content]