CHINH PHỤC
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by NgocPRO 6/11/2024, 8:37 am

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


[TUT]Chia sẽ music box tự động cập nhật

+31
LiBee KS
Chấy_elf
HackeZ
duọngkimhieu
ligerv
quangtrung_it
nhocbuon211
vupham
duongmanhpk
shppero
Mr.Win™
hizen
HieuKen
langtucodon
aclo0zmayto
galaxy
FourEyes
tieubao1504
nguyenlam101
nhp
Tuấn
MarkChan
phutu01
nh0k_i3u
Mr.Winni
IceFox
handsomevip007
Sấm
baivong
_Mark_
ܓܨܓMxTrường
35 posters

Trang 2 trong tổng số 2 trang Previous  1, 2

Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by ܓܨܓMxTrường 8/6/2011, 2:42 pm

First topic message reminder :

Chắc hẳn forum các bạn đang sử dụng thông điệp yêu thương bằng colorbox.
==>Khoảng này khỏi phải nói nữa nhĩ.
Còn nếu chưa thì:
Code:

<link rel="stylesheet" href="http://colorpowered.com/colorbox/core/example5/colorbox.css" type="text/css" />
<script src="http://colorpowered.com/colorbox/core/colorbox/jquery.colorbox.js"></script>
[You must be registered and logged in to see this image.]
Cho vào header.
Xong đến phần tạo music box:
Vào Admin cp==>display==>portal==>mod_news
Thay thế toàn bộ code trong đó lại bằng code:
Code:

<script>
jQuery(document).ready(function(){
jQuery(".guibai").colorbox({inline:true, href:"#form"});
jQuery(".mainoption").click(function(){setTimeout($.colorbox.remove, 1500);});
jQuery(".xemlyric").colorbox({inline:true, href:"#lyric", width:"400px"});
jQuery(".xemtiep").colorbox({inline:true, href:"#xemcm", width:"400px"});
$(".abcxx").fadeIn(5000);
$(".h3").click(function(){$(".abcxx").slideToggle("slow");});
});
function doit(){
if (document.forms["post"]["checkbox"].checked==true)
{
document.forms["post"]["a1"].disabled=true;
document.forms["post"]["a2"].disabled=true;
document.forms["post"]["a3"].disabled=true;
document.forms["post"]["a4"].disabled=true;
x= document.forms["post"]["a1"].value;
x=x.replace("/FLASH", "/flash");
x=x.replace("FLASH", "flash(300,61)");
y= document.forms["post"]["a2"].value;
z= document.forms["post"]["a3"].value;
k= document.forms["post"]["a4"].value;
document.forms["post"]["vnteen123"].value = x+"
"+"<div class='xxx'><marquee behavior='scroll' onmouseover='this.stop()' onmouseout='this.start()' scrollamount='1' scrolldelay='20' direction='left' truespeed='truespeed'>"+""+y+""+"</marquee></div>"+"<div style='display:none'><div id='lyric' style='display:block'><p>
"+z+"<br/></p></div></div>"+"<div style='display:none'><div id='xemcm' style='display:block'>" + k +"</div></div>";
}
else{
document.forms["post"]["a1"].disabled=false;
document.forms["post"]["a2"].disabled=false;
document.forms["post"]["a3"].disabled=false;
document.forms["post"]["a4"].disabled=false;
document.forms["post"]["vnteen123"].value = '';
}

}
</script>
<table style="background-image:url('http://pacitaumc.files.wordpress.com/2011/03/197529_1880099320764_1189731094_2359435_2406714_n.jpg');margin:0;" class="chitho">
<tr><td align="center" ><table><tr><td><span class="h3">Music Box</span></td></tr></table><td></tr>


<tr class="abcxx" style="display:none">
<!-- BEGIN post_row -->

<td >
<table><tr>
<td width="300px">

<table>

<tr><td>
<div id="we"><div>Người yêu cầu:<b>{post_row.POSTER}</b></div></div>
</td></tr>
<tr><td>
<div id="we"><div>Người nhận:<b><font color="red"><a href="{post_row.U_READ_FULL}">{post_row.TITLE}</a></font></b></div></div>
</td></tr>
<tr><td>
<div id="we"><div>Vào lúc:<b><font color="red">{post_row.TIME}</font></b></div></div>
</td></tr>
<tr><td>

<input onmouseover="showtip('Gửi bài');" onmouseout="hidetip();" onclick="" class="guibai" name="" value="Gửi Nhạc" type="submit" />
</td></tr>
</table>
</td>

<td width="430px">
<div align="right"><input onmouseover="showtip('Xem bài khác');" onmouseout="hidetip();" onclick="" class="xemtiep" name="joingroup" value="Lời Tâm Sự" type="submit" /></div>
<div align="center">{post_row.TEXT}</div>
<div align="right"><input onmouseover="showtip('Xem Lyric');" onmouseout="hidetip();" onclick="" class="xemlyric" name="joingroup" value="Xem Lyric" type="submit" /></div>
</td>
</tr></table>


</td>

<!-- END post_row -->

</tr></table>
<div style="display:none">
<div id="form" style="display:block">
<form target="abcd" action="/posting.forum" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data"><table width="420px" border="0" cellspacing="1" cellpadding="0"><tr><td width="22%"><span class="gen"><b><font color="#23eb41">Gửi đến</font></b></span></td><td>
<input class="post gen" style="width:230px; display:inline" type="text" name="subject" value="Tất cả" onblur="if(this.value=='') this.value='Tất cả';" onfocus="if(this.value=='Tất cả') this.value='';"  size="45" maxlength="40" tabindex="2" title="" onkeypress="if (event.keyCode==13){return false}"></span> <input onclick="set_solved(this.form.elements['subject'],''), vtdyt()" class="mainoption"  type="submit" name="post" value="Gửi" tabindex="6" accesskey="s" />
</td></tr><tr><td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td><a onmouseover="showtip('<font size=4.5>SOẠN BBCODE THÔNG ĐIỆP</font><br><font color=green>Coppy đoạn mã được tạo ra và paste vào đây!</font>');" onmouseout="hidetip();" ><blink><b>Lấy code</b></blink></a></td></tr></table></td><td valign="top"><table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td colspan="9"><span class="gensmall" style="width:550px;font-size:10px" id="helpbox"></span></td></tr><tr><td colspan="9">
<span class="gen">

<input id="a1"  style="width:320px; display:inline" type="text" value="Dán đoạn mã bạn nhìn thấy vào đây!" onblur="if(this.value=='') this.value='Dán đoạn mã bạn nhìn thấy vào đây!';" onfocus="if(this.value=='Dán đoạn mã bạn nhìn thấy vào đây!') this.value='';"  onclick="storeCaret(this)" onkeyup="storeCaret(this)" rows="15" cols="35" tabindex="3" onselect="storeCaret(this)" wrap="virtual" maxlength="777" />
<br/>
<input id="a2"  style="width:320px; display:inline" type="text"  value="Lời muốn nói" onblur="if(this.value=='') this.value='Lời muốn nói';" onfocus="if(this.value=='Lời muốn nói') this.value='';"  onclick="storeCaret(this)" onkeyup="storeCaret(this)" rows="15" cols="35" tabindex="3" onselect="storeCaret(this)" wrap="virtual" maxlength="777" />


<input id="a4"  style="width:320px; display:inline" type="text"  value="Tâm sự của bạn" onblur="if(this.value=='') this.value='Tâm sự của bạn';" onfocus="if(this.value=='Tâm sự của bạn') this.value='';"  onclick="storeCaret(this)" onkeyup="storeCaret(this)" rows="15" cols="35" tabindex="3" onselect="storeCaret(this)" wrap="virtual" maxlength="777" />


<textarea id="a3"  style="width:320px; height:50px;display:inline" type="text"  value="Lyric" onblur="if(this.value=='') this.value='Lyric';" onfocus="if(this.value=='Lyric') this.value='';"  onclick="storeCaret(this)" onkeyup="storeCaret(this)" rows="15" cols="35" tabindex="3" onselect="storeCaret(this)"  >Nhập lyric vào đây</textarea>




<input id="vnteen123" class="gen" style="width: 270px;display:none" onclick="storeCaret(this)" onkeyup="storeCaret(this)" name="message" rows="1" cols="35" tabindex="3" onselect="storeCaret(this)" wrap="virtual" />
<input type="checkbox" name="checkbox" value="Chấp nhận" onclick="doit()">Chấp nhận</input>

<span id="counter_number" class="counter"></span></span>
</td></tr></table></td></tr>
</table>
<input type="hidden" name="lt" value="0" /><input type="hidden" name="mode" value="newtopic" /><input type="hidden" name="f" value="4" /></form>
</div></div>

<iframe height="0" width="0" frameborder="0" name="abcd"></iframe>
Xong music box cơ bản.
Đến phần làm đep...hehe(Rất tiếc cho ai xài trình duyệt web bản củ vì không thấy được cái đẹp của nó)
Cho vào css:
Code:
/*        Music box      */
#we div {
   color: #cdcdcd;
   text-transform: uppercase;
   font: 100 15px Helvetica, Arial, Sans-Serif;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition:all 0.2s ease-out;
}
#we div:nth-child(1) { font-size: 12px; letter-spacing: 1px;}
#we div:nth-child(2) { font-size: 12px; letter-spacing: 0.6px}
#we div:nth-child(3) { font-size: 12px; letter-spacing: 0.2px}
#we div:hover {
   text-shadow: 3px 3px 3px #000;
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: sacle(1.1);
}

.h3 {
   padding: 0px 0;
   color: #666;
   font: 900 35px "Trebuchet MS", Arial, Helvetica, sans-serif;
   text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition:all 0.2s ease-out;
   -o-tramsition:all 0.2s ease-out
   }
.xxx{
background-color: #ffffff;
display: inline-block;
   border: solid 1px #000;
   overflow: hidden;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
   box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

color: #ff0000;
text-shadow: 1px;
}
.h3:hover {
   color:#fff;
   position:relative; top:-3px; left:-3px;
   text-shadow: 1px 1px #409FFF, 2px 2px #409FFF, 3px 3px #409FFF, 4px 4px #409FFF, 5px 5px #FF8080, 6px 6px #FF8080, 7px 7px #FF8080, 8px 8px #FF8080, 9px 9px #F1FB42, 10px 10px #F1FB42, 11px 11px #F1FB42, 12px 12px #F1FB42;}
.chitho {
   display: inline-block;
   border: solid 1px #000;
   overflow: hidden;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
   box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
max-width:730px;
margin: 0 auto;
}
Xong.
Demo:
Lúc quay quên để tiếng input..hehe
Bà con nên tắt tiếng khi xem:))

Vote nhá.
Không vote là chém đấy.
Không cần check HTML


Được sửa bởi tnpu_ilusm ngày 9/6/2011, 7:20 am; sửa lần 5. (Reason for editing : Thêm demo)
ܓܨܓMxTrường
ܓܨܓMxTrường
CPMember
CPMember

Chrome PhpBB2
Ngày đăng ký : 01/08/2010
Số bài : 360
CPP : 190
Châm ngôn sống : to be something

http://www.vnteen.7forum.biz

Về Đầu Trang Go down


[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by IceFox 10/6/2011, 10:01 am

hizen đã viết:
tnpu_ilusm đã viết:Chắc hẳn forum các bạn đang sử dụng thông điệp yêu thương bằng colorbox.
==>Khoảng này khỏi phải nói nữa nhĩ.
Còn nếu chưa thì:
Code:

<link rel="stylesheet" href="http://colorpowered.com/colorbox/core/example5/colorbox.css" type="text/css" />
<script src="http://colorpowered.com/colorbox/core/colorbox/jquery.colorbox.js"></script>
[You must be registered and logged in to see this image.]
Cho vào header.
Xin nói trước trước giờ mình chưa chèn cái này vào 4rum nên không biết các bước cụ thể để làm
mình làm theo hướng dẫn nhưng tình hình là không hiểu chổ này.chèn vao head nhưng là chèn chổ nào.mình chèn vào mà nó có hiện cái gì đâu.đã post bài thì làm ơn chỉ từ a-z còn không thì đừng post lên kẻo người ta nói ...... khoe mẽ Cười nhe răng
tnpu_ilusm đang ém hàng. Chú cứ ngồi đợi cuộc thi forum nổi bật kết thúc rồi muốn hỏi gì thì hỏi Nghi ngờ
IceFox
IceFox
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 07/02/2011
Số bài : 1099
CPP : 1323

http://blogger.chinhphuc.info

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by Mr.Win™ 10/6/2011, 10:49 am

Cái này mở ra làm giải nhất cuộc thi mất hấp dẫn !!! cười lớn
Mr.Win™
Mr.Win™
CPPurpleMember
CPPurpleMember

IE PunBB
Ngày đăng ký : 11/05/2011
Số bài : 564
CPP : 38
Châm ngôn sống : Chưa có (Hỳ)

http://blueblood.forumvi.com

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by nguyenlam101 11/6/2011, 2:03 am

đấ test thử - cái này nặng mà load hơi lâu, và có hoa mắt khi đọc chữ...
---- của bác baivong thì nhẹ hơn và đơn giản hơn nhưng khổ cái 4rum mình k xài được ngoài portal... đau ghê. có thể nói nếu trúng giải được thì mang ra để làm đẹp, khi nào xong giải đi hỏi tìm cách khắc phục. [You must be registered and logged in to see this image.]
--------------------
avatar
nguyenlam101
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 22/11/2008
Số bài : 571
CPP : 585
Châm ngôn sống : Sống để chơi và hưởng

http://banbetoi.clubme.net

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by shppero 12/6/2011, 8:52 am

tnpu_ilusm đã viết:Chắc hẳn forum các bạn đang sử dụng thông điệp yêu thương bằng colorbox.
==>Khoảng này khỏi phải nói nữa nhĩ.
Còn nếu chưa thì:
Code:

<link rel="stylesheet" href="http://colorpowered.com/colorbox/core/example5/colorbox.css" type="text/css" />
<script src="http://colorpowered.com/colorbox/core/colorbox/jquery.colorbox.js"></script>
[You must be registered and logged in to see this image.]
Cho vào header.
Xong đến phần tạo music box:
Vào Admin cp==>display==>portal==>mod_news
Thay thế toàn bộ code trong đó lại bằng code:
Code:

<script>
jQuery(document).ready(function(){
jQuery(".guibai").colorbox({inline:true, href:"#form"});
jQuery(".mainoption").click(function(){setTimeout($.colorbox.remove, 1500);});
jQuery(".xemlyric").colorbox({inline:true, href:"#lyric", width:"400px"});
jQuery(".xemtiep").colorbox({inline:true, href:"#xemcm", width:"400px"});
$(".abcxx").fadeIn(5000);
$(".h3").click(function(){$(".abcxx").slideToggle("slow");});
});
function doit(){
if (document.forms["post"]["checkbox"].checked==true)
{
document.forms["post"]["a1"].disabled=true;
document.forms["post"]["a2"].disabled=true;
document.forms["post"]["a3"].disabled=true;
document.forms["post"]["a4"].disabled=true;
x= document.forms["post"]["a1"].value;
x=x.replace("/FLASH", "/flash");
x=x.replace("FLASH", "flash(300,61)");
y= document.forms["post"]["a2"].value;
z= document.forms["post"]["a3"].value;
k= document.forms["post"]["a4"].value;
document.forms["post"]["vnteen123"].value = x+"
"+"<div class='xxx'><marquee behavior='scroll' onmouseover='this.stop()' onmouseout='this.start()' scrollamount='1' scrolldelay='20' direction='left' truespeed='truespeed'>"+""+y+""+"</marquee></div>"+"<div style='display:none'><div id='lyric' style='display:block'><p>
"+z+"<br/></p></div></div>"+"<div style='display:none'><div id='xemcm' style='display:block'>" + k +"</div></div>";
}
else{
document.forms["post"]["a1"].disabled=false;
document.forms["post"]["a2"].disabled=false;
document.forms["post"]["a3"].disabled=false;
document.forms["post"]["a4"].disabled=false;
document.forms["post"]["vnteen123"].value = '';
}

}
</script>
<table style="background-image:url('http://pacitaumc.files.wordpress.com/2011/03/197529_1880099320764_1189731094_2359435_2406714_n.jpg');margin:0;" class="chitho">
<tr><td align="center" ><table><tr><td><span class="h3">Music Box</span></td></tr></table><td></tr>


<tr class="abcxx" style="display:none">
<!-- BEGIN post_row -->

<td >
<table><tr>
<td width="300px">

<table>

<tr><td>
<div id="we"><div>Người yêu cầu:<b>{post_row.POSTER}</b></div></div>
</td></tr>
<tr><td>
<div id="we"><div>Người nhận:<b><font color="red"><a href="{post_row.U_READ_FULL}">{post_row.TITLE}</a></font></b></div></div>
</td></tr>
<tr><td>
<div id="we"><div>Vào lúc:<b><font color="red">{post_row.TIME}</font></b></div></div>
</td></tr>
<tr><td>

<input onmouseover="showtip('Gửi bài');" onmouseout="hidetip();" onclick="" class="guibai" name="" value="Gửi Nhạc" type="submit" />
</td></tr>
</table>
</td>

<td width="430px">
<div align="right"><input onmouseover="showtip('Xem bài khác');" onmouseout="hidetip();" onclick="" class="xemtiep" name="joingroup" value="Lời Tâm Sự" type="submit" /></div>
<div align="center">{post_row.TEXT}</div>
<div align="right"><input onmouseover="showtip('Xem Lyric');" onmouseout="hidetip();" onclick="" class="xemlyric" name="joingroup" value="Xem Lyric" type="submit" /></div>
</td>
</tr></table>


</td>

<!-- END post_row -->

</tr></table>
<div style="display:none">
<div id="form" style="display:block">
<form target="abcd" action="/posting.forum" method="post" name="post" onsubmit="return vB_Editor['text_editor'].prepare_submit(0,0)" enctype="multipart/form-data"><table width="420px" border="0" cellspacing="1" cellpadding="0"><tr><td width="22%"><span class="gen"><b><font color="#23eb41">Gửi đến</font></b></span></td><td>
<input class="post gen" style="width:230px; display:inline" type="text" name="subject" value="Tất cả" onblur="if(this.value=='') this.value='Tất cả';" onfocus="if(this.value=='Tất cả') this.value='';"  size="45" maxlength="40" tabindex="2" title="" onkeypress="if (event.keyCode==13){return false}"></span> <input onclick="set_solved(this.form.elements['subject'],''), vtdyt()" class="mainoption"  type="submit" name="post" value="Gửi" tabindex="6" accesskey="s" />
</td></tr><tr><td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="1"><tr><td><a onmouseover="showtip('<font size=4.5>SOẠN BBCODE THÔNG ĐIỆP</font><br><font color=green>Coppy đoạn mã được tạo ra và paste vào đây!</font>');" onmouseout="hidetip();" ><blink><b>Lấy code</b></blink></a></td></tr></table></td><td valign="top"><table border="0" cellspacing="0" cellpadding="0" width="100%"><tr><td colspan="9"><span class="gensmall" style="width:550px;font-size:10px" id="helpbox"></span></td></tr><tr><td colspan="9">
<span class="gen">

<input id="a1"  style="width:320px; display:inline" type="text" value="Dán đoạn mã bạn nhìn thấy vào đây!" onblur="if(this.value=='') this.value='Dán đoạn mã bạn nhìn thấy vào đây!';" onfocus="if(this.value=='Dán đoạn mã bạn nhìn thấy vào đây!') this.value='';"  onclick="storeCaret(this)" onkeyup="storeCaret(this)" rows="15" cols="35" tabindex="3" onselect="storeCaret(this)" wrap="virtual" maxlength="777" />
<br/>
<input id="a2"  style="width:320px; display:inline" type="text"  value="Lời muốn nói" onblur="if(this.value=='') this.value='Lời muốn nói';" onfocus="if(this.value=='Lời muốn nói') this.value='';"  onclick="storeCaret(this)" onkeyup="storeCaret(this)" rows="15" cols="35" tabindex="3" onselect="storeCaret(this)" wrap="virtual" maxlength="777" />


<input id="a4"  style="width:320px; display:inline" type="text"  value="Tâm sự của bạn" onblur="if(this.value=='') this.value='Tâm sự của bạn';" onfocus="if(this.value=='Tâm sự của bạn') this.value='';"  onclick="storeCaret(this)" onkeyup="storeCaret(this)" rows="15" cols="35" tabindex="3" onselect="storeCaret(this)" wrap="virtual" maxlength="777" />


<textarea id="a3"  style="width:320px; height:50px;display:inline" type="text"  value="Lyric" onblur="if(this.value=='') this.value='Lyric';" onfocus="if(this.value=='Lyric') this.value='';"  onclick="storeCaret(this)" onkeyup="storeCaret(this)" rows="15" cols="35" tabindex="3" onselect="storeCaret(this)"  >Nhập lyric vào đây</textarea>




<input id="vnteen123" class="gen" style="width: 270px;display:none" onclick="storeCaret(this)" onkeyup="storeCaret(this)" name="message" rows="1" cols="35" tabindex="3" onselect="storeCaret(this)" wrap="virtual" />
<input type="checkbox" name="checkbox" value="Chấp nhận" onclick="doit()">Chấp nhận</input>

<span id="counter_number" class="counter"></span></span>
</td></tr></table></td></tr>
</table>
<input type="hidden" name="lt" value="0" /><input type="hidden" name="mode" value="newtopic" /><input type="hidden" name="f" value="4" /></form>
</div></div>

<iframe height="0" width="0" frameborder="0" name="abcd"></iframe>
Xong music box cơ bản.
Đến phần làm đep...hehe(Rất tiếc cho ai xài trình duyệt web bản củ vì không thấy được cái đẹp của nó)
Cho vào css:
Code:
/*        Music box      */
#we div {
   color: #cdcdcd;
   text-transform: uppercase;
   font: 100 15px Helvetica, Arial, Sans-Serif;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition:all 0.2s ease-out;
}
#we div:nth-child(1) { font-size: 12px; letter-spacing: 1px;}
#we div:nth-child(2) { font-size: 12px; letter-spacing: 0.6px}
#we div:nth-child(3) { font-size: 12px; letter-spacing: 0.2px}
#we div:hover {
   text-shadow: 3px 3px 3px #000;
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: sacle(1.1);
}

.h3 {
   padding: 0px 0;
   color: #666;
   font: 900 35px "Trebuchet MS", Arial, Helvetica, sans-serif;
   text-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000, 4px 4px #000;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition:all 0.2s ease-out;
   -o-tramsition:all 0.2s ease-out
   }
.xxx{
background-color: #ffffff;
display: inline-block;
   border: solid 1px #000;
   overflow: hidden;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
   box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

color: #ff0000;
text-shadow: 1px;
}
.h3:hover {
   color:#fff;
   position:relative; top:-3px; left:-3px;
   text-shadow: 1px 1px #409FFF, 2px 2px #409FFF, 3px 3px #409FFF, 4px 4px #409FFF, 5px 5px #FF8080, 6px 6px #FF8080, 7px 7px #FF8080, 8px 8px #FF8080, 9px 9px #F1FB42, 10px 10px #F1FB42, 11px 11px #F1FB42, 12px 12px #F1FB42;}
.chitho {
   display: inline-block;
   border: solid 1px #000;
   overflow: hidden;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
   box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
max-width:730px;
margin: 0 auto;
}
Xong.
Demo:
Lúc quay quên để tiếng input..hehe
Bà con nên tắt tiếng khi xem:))

Vote nhá.
Không vote là chém đấy.
Không cần check HTML

sao em làm mà nó ra cái khung nhỏ xíu có chử Music Box à, kì vạy ai giúp em với
shppero
shppero
CPMember
CPMember

IE PunBB
Ngày đăng ký : 13/12/2010
Số bài : 8
CPP : 3

http://thcsvla-91.forumn.biz/

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by duongmanhpk 19/6/2011, 12:21 pm

Mình cũng chỉ hiện mỗi chữ Music Box, ai chỉ cách chèn code cụ thể đi.
Không dùng TDYT h chèn thêm mấy code trên ntn? Bứt tóc
avatar
duongmanhpk
CPMember
CPMember

No choice Ngày đăng ký : 17/09/2009
Số bài : 27
CPP : -8
Châm ngôn sống : sống vì $$$

http://c2yendinh2.forum-viet.net

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by vupham 19/6/2011, 3:20 pm

Xin cách sắp xếp trong Witget với
vupham
vupham
CPMember
CPMember

Firefox PunBB
Ngày đăng ký : 05/11/2010
Số bài : 7
CPP : 5

http://thegioitinhban.co.cc

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by nhocbuon211 20/6/2011, 10:37 pm

Ra cái chữ Music Box nhỉ xíu không thể hide hay show nó ra được. Ai giúp đoạn này với. Thân.
nhocbuon211
nhocbuon211
CPMember
CPMember

IE PhpBB3
Ngày đăng ký : 06/01/2011
Số bài : 68
CPP : 8

http://12a9thaiphien.forumvi.com/forum

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by ܓܨܓMxTrường 21/6/2011, 7:14 am

Vào cái box chứa bài của music box post 1 bài. Rồi ra ngoài xem sẽ thấy kết quả.
ܓܨܓMxTrường
ܓܨܓMxTrường
CPMember
CPMember

Chrome PhpBB2
Ngày đăng ký : 01/08/2010
Số bài : 360
CPP : 190
Châm ngôn sống : to be something

http://www.vnteen.7forum.biz

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by quangtrung_it 21/6/2011, 12:08 pm

TUT này bị lỗi rồi, xài ko có được. Ai share TUT QTAN của event lần trước cho cả nhà tìm hiểu đi.
quangtrung_it
quangtrung_it
CPPurpleMember
CPPurpleMember

Firefox Invision
Ngày đăng ký : 08/09/2010
Số bài : 553
CPP : 479
Châm ngôn sống : Oº°‘¨ Tuyển BQT cho Miền ký ức Forum's ! Đang cần gấp !¨‘°ºO

http://www.benxua.net

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by langtucodon 21/6/2011, 12:16 pm

cái đó là ver 2 sang bên fmvi mà lấy
langtucodon
langtucodon
CPMember
CPMember

Firefox PunBB
Ngày đăng ký : 14/10/2010
Số bài : 348
CPP : 166
Châm ngôn sống : sống là phải biết cho đi cái mà mình có để nhận lại cái mình còn thiếu

http://tochucnhansu2.com

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by ligerv 21/6/2011, 12:19 pm

langtucodon đã viết:cái đó là ver 2 sang bên fmvi mà lấy
ac .ở forum hỗ trợ về forumotion kêu qua rum khác lấy . hic trong khi lại là MOD ở đây
ligerv
ligerv
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 25/04/2010
Số bài : 1296
CPP : 1192
Châm ngôn sống : QLT

http://skin4fm.com

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by quangtrung_it 21/6/2011, 12:25 pm

chịu bó tay ! phải qua fnvi đăng ký nữa hả ?
quangtrung_it
quangtrung_it
CPPurpleMember
CPPurpleMember

Firefox Invision
Ngày đăng ký : 08/09/2010
Số bài : 553
CPP : 479
Châm ngôn sống : Oº°‘¨ Tuyển BQT cho Miền ký ức Forum's ! Đang cần gấp !¨‘°ºO

http://www.benxua.net

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by duọngkimhieu 21/6/2011, 1:30 pm

rất đẹp và tiện lợi !
duọngkimhieu
duọngkimhieu
CPMember
CPMember

Opera PunBB
Ngày đăng ký : 16/06/2011
Số bài : 1
CPP : 11

http://thcstroi.forumvi.com

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by quangtrung_it 21/6/2011, 1:53 pm

Mình đang nghiên cứu làm sao dùng song song 2 TUT tdyt và TUT qtan luôn nè, bạn nào có ý tưởng gì hay thì chia sẻ để mọi người cùng thảo luận nhé.
quangtrung_it
quangtrung_it
CPPurpleMember
CPPurpleMember

Firefox Invision
Ngày đăng ký : 08/09/2010
Số bài : 553
CPP : 479
Châm ngôn sống : Oº°‘¨ Tuyển BQT cho Miền ký ức Forum's ! Đang cần gấp !¨‘°ºO

http://www.benxua.net

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by ܓܨܓMxTrường 21/6/2011, 2:01 pm

Quét chuỗi....quét theo kiểu tìm trong tiêu đề nếu có kí tự abc thì công việc 1.
Nếu có kí tự bcd thì công việc 2 ...
Gợi ý đấy...
hehe Tui tính thử theo cách này nhưng chưa có thời gian...
ܓܨܓMxTrường
ܓܨܓMxTrường
CPMember
CPMember

Chrome PhpBB2
Ngày đăng ký : 01/08/2010
Số bài : 360
CPP : 190
Châm ngôn sống : to be something

http://www.vnteen.7forum.biz

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by quangtrung_it 21/6/2011, 2:24 pm

tnpu_ilusm đã viết:Quét chuỗi....quét theo kiểu tìm trong tiêu đề nếu có kí tự abc thì công việc 1.
Nếu có kí tự bcd thì công việc 2 ...
Gợi ý đấy...
hehe Tui tính thử theo cách này nhưng chưa có thời gian...
Mình cũng suy nghĩ giống vậy đó, ví dụ tiêu đề tdyt là "»" còn qtan là "♥", sau đó ta ẩn những bài viết có ký tự của tdyt trên phần qtan và ngược lại, và 2 mod này đều nằm trong portal => mod news.
quangtrung_it
quangtrung_it
CPPurpleMember
CPPurpleMember

Firefox Invision
Ngày đăng ký : 08/09/2010
Số bài : 553
CPP : 479
Châm ngôn sống : Oº°‘¨ Tuyển BQT cho Miền ký ức Forum's ! Đang cần gấp !¨‘°ºO

http://www.benxua.net

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by HackeZ 21/6/2011, 3:26 pm

sao em làm mà nó ra cái khung nhỏ xíu có chử Music Box à, kì vạy ai giúp em với
HackeZ
HackeZ
CPMember
CPMember

Chrome Invision
Ngày đăng ký : 06/05/2011
Số bài : 9
CPP : 5
Châm ngôn sống : Mãi yêu Trần Linh Xuân

http://thcsphungxa.forumvi.com/forum

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by baivong 21/6/2011, 4:09 pm

Lộ hết ý tưởng ver 4 của anh mắc cỡ
kiểu này phải làm gấp kẻo bị tranh chấp haha
baivong
baivong
CPYellowMember
CPYellowMember

Firefox Invision
Ngày đăng ký : 02/04/2010
Số bài : 3114
CPP : 1212
Châm ngôn sống : Sống để được chết một lần.

http://devs.forumvi.com

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by nhocbuon211 21/6/2011, 10:02 pm

Sao mình gửi rồi mà nó không cập nhật nhỉ ? Ai giúp mình cái này với.
nhocbuon211
nhocbuon211
CPMember
CPMember

IE PhpBB3
Ngày đăng ký : 06/01/2011
Số bài : 68
CPP : 8

http://12a9thaiphien.forumvi.com/forum

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by Chấy_elf 22/9/2011, 5:34 pm

chẳng thấy ra cái gì cả Buồn
Chấy_elf
Chấy_elf
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 22/09/2011
Số bài : 7
CPP : 3
Châm ngôn sống : Đối với em, anh là cỏ rác, nhưng với đứa khác anh lại là Các-mác, Lê-nin

http://weareone.forum-viet.com

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by LiBee KS 22/9/2011, 5:38 pm

Bạn có đặt widget "News" chưa + làm theo các bước trên ??
LiBee KS
LiBee KS
CPPurpleMember
CPPurpleMember

Firefox PunBB
Ngày đăng ký : 27/07/2011
Số bài : 1115
CPP : 1260
Châm ngôn sống : Hay sống thật hết mình ^^

http://...

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by KillAlt1.0 15/11/2011, 7:03 pm

cái video bị xóa rồi whistling
KillAlt1.0
KillAlt1.0
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 09/11/2011
Số bài : 465
CPP : 224
Châm ngôn sống : Nếu bạn làm đúng và thực hiện đúng cách, điều đó sẽ giúp bạn khẳng định bạn đã thành công.

http://biluaroi.ngu.ngoc

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by coctiennau 12/10/2012, 9:55 pm

dep quaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa - vod ka men Cười nhe răng
coctiennau
coctiennau
CPMember
CPMember

Chrome PhpBB2
Ngày đăng ký : 26/09/2012
Số bài : 65
CPP : -3
Châm ngôn sống : kakaka

http://vungtaumuaban.123.st

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by quagiangsinh30 13/10/2012, 5:26 pm

làm cái này mất lun cái TDYT ^^!
quagiangsinh30
quagiangsinh30
CPMember
CPMember

Chrome PhpBB2
Ngày đăng ký : 13/07/2012
Số bài : 155
CPP : 18
Châm ngôn sống : 00001

http://tuoitre.nforum.biz/

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by harryumefor 20/10/2012, 11:40 am

cái này của punbb à
harryumefor
harryumefor
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 05/07/2012
Số bài : 58
CPP : 156
Châm ngôn sống : hihi

http://cntt-w7.forum.st/forum

Về Đầu Trang Go down

[TUT]Chia sẽ music box tự động cập nhật - Page 2 Empty Re: [TUT]Chia sẽ music box tự động cập nhật

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Trang 2 trong tổng số 2 trang Previous  1, 2

Về Đầu Trang

- Similar topics

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