Announcements
Top posters
Light Knight (379)
 
harryumefor (15)
 
WallPoints (5)
 
Zuni Thoang (4)
 

Most active topic starters
Top posting users this week


[PUNBB] Quà tặng âm nhạc tự cập nhật

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

avatar
Light Knight
Admin
Giới Tính : Nam Số Bài Gửi Số Bài Gửi : 379
Tài Khoản Tài Khoản : 60303
Được Cảm Ơn Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :

Tài Sản
Tài Sản: thuthoi41
Xem lý lịch thành viên http://knight.cool.st

Bài gửiLight Knight

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

demo ảnh:
[You must be registered and logged in to see this image.]

code

cho vào body

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></div>

<div id="thongtinnguoigui" align="center"><b><font color="black">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="/post" 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>
<a href="http://www.hotrofm.com"style="display:none;" ></a>
  <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://hotro.4forum.biz/58956.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');});
 $(".qtantdyt_new").click(function () {
        jQuery("<div />").load("/post?f=3&mode=newtopic input[name^=auth]").appendTo("form#form_qtanvds");
    });
$('#find_username').jqm({toTop: true});});//]]></script>


  <input type="hidden" id="cm_qtan" name="f" value="3" />

</form>
</div>

Tạo Box Quà tặng âm nhạc

ACP> QLTT> Forum> Categories & Forum
- tạo 1 Forum (diễn đàn) đặt tên là Quà tặng âm nhạc
để lưu giữ những dòng thông điệp
- bấm Save
- ra ngòai Index, bấm vào Box Quà tặng âm nhạc vừa tạo
- nhìn lên thanh address sẽ thấy link
ví dụ của hotrofm
[You must be registered and logged in to see this link.]
>>> Số thứ tự của Box Thông điệp yêu thương là 3.

Chú ý đoạn code


/post?f=3&mode=newtopic
Nhớ thay giá trị value bằng giá trị trong link ở chuyên mục QTAN nhé.

tiếp theo vào acp>>QUẢN LÝ TỔNG THỂ>>Kiểm duyệt từ
thêm từ mới

Từ : flash
Thay thế bằng từ : flash

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: #fff;
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:#fff;
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:#fff;
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;}
Nguồn : [You must be registered and logged in to see this link.]

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

Share this post on: diggdeliciousredditstumbleuponslashdotyahoogooglelive

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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