Bạn Trẻ Bốn Phương
Bạn Trẻ Bốn Phương
Trang ChínhTrang Chính  Latest imagesLatest images  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng NhậpĐăng Nhập  
 
:: Forget password? ::


Welcome to our forum
If this is your first visit, be sure to check out the FAQ by clicking the link above.
You may have to register before you can post: click the register link above to proceed.
To start viewing messages, select the forum that you want to visit from the selection below.


 

 [FM-Vi] Quà Tặng Âm Nhạc

Go down 
Tác giảThông điệp
Administrator
Administrator
Administrator
Administrator


Đến từ Đến từ : OnlineWorld
Tham Gia : 20/12/2011
Posts : 168
Points : 542
Thanked : 3
Tuổi : 26
Lời Muốn Nói : Mình Chỉ Cần 4 Điều: 1 Vợ...2 Con...3 Lầu...4 Bánh

[FM-Vi] Quà Tặng Âm Nhạc Empty
Bài gửiTiêu đề: [FM-Vi] Quà Tặng Âm Nhạc   [FM-Vi] Quà Tặng Âm Nhạc EmptyThu Feb 09, 2012 7:01 pm

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:
Diễn đàn mình đang sử dụng
[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
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.
Về Đầu Trang Go down
https://bantre4phuong.forum.st
 
[FM-Vi] Quà Tặng Âm Nhạc
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» Quà tặng âm nhạc ver 5.5
» [Forumtion] Quà tặng âm nhạc đẹp
» ♫ Lk Nhạc Rap Hot [Tặng tất cã thành viên]
» Nghe Nhạc Dj Cực Mạnh Nghe Nhac Dj Cuc Manh BeoXinh Com Kênh Tin Tức Giải Trí Tổng Hợp
» Nhạc chế gõ bo...

Permissions in this forum:Bạn không có quyền trả lời bài viết
Bạn Trẻ Bốn Phương :: My Computer :: Forum-
Chuyển đến 

GMT + 7. Hôm nay: Sun May 19, 2024 10:54 pm.

New Semester 2
Powered by vBulletin & Version 3.8.4
Designed by [eLDy]
Forumotion_Ripped by vlt
Free forum | ©phpBB | Free forum support | Báo cáo lạm dụng | Thảo luận mới nhất