You are not connected. Please login or register

 » Forumotion » Share Code » Tổng hợp » [Code]quà tặng âm nhạc ver.6

[Code]quà tặng âm nhạc ver.6

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

๖ۣۜTom

avatar
Admintrator
Admintrator
Quà tặng âm nhạc version 6.0
mình mới wa chinhphuc chôm đc cái nầy
wa đây chia sẻ mọi người cùng góp í nha :18: :18: :18:

Tổng quan:

Spoiler:
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 thau chuốt đẹp hơn
Lưu ý: Codes đây chỉ sử dụng cho Phpbb2

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




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
Spoiler:
- 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">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/rsc/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>
- 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" />

4. thêm codes vào CSS:
Spoiler:
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;}

5. kiểm duyệt từ:
Spoiler:
- ACP> QLTT> Kiểm duyệt từ>Thêm từ mới
- Từ :
Code:
flash
- Thay thế bằng từ:
Code:
flash

Lưu ý:
Spoiler:
- QTAN V6 có cấu trúc khác hoàn toàn khác 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ì
tìm trong view-topic:
Code:
{postrow.displayed.MESSAGE}
Và xem có
Code:
<div class="postbody">
bao quanh nó chưa.
Nếu chưa có thì thay:
Code:
{postrow.displayed.MESSAGE}
thành
Code:
<div class="postbody">{postrow.displayed.MESSAGE}</div>

fix lỗi QTAN ver.6 sau đợt FM cập nhật

[You must be registered and logged in to see this link.]
Nguồn: [You must be registered and logged in to see this link.]



[center]Yahoo Hỗ Trợ [You must be registered and logged in to see this link.]
Chào Mừng Khách viếng thăm đã đến với 4rum
:000001:
Xem lý lịch thành viên http://www.vn-answer.tk
Share this post on: diggdeliciousredditstumbleuponslashdotyahoogooglelive

No Comment.

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết