Demo online nè: http://love91.us.to/h57-page
code đây mọi người, nhớ up lại link nha
code đây mọi người, nhớ up lại link nha
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!--
_ +----------------------------------------------+ _
/o)| Code CSS & jQuery by JimmyLin 19/05/2012 |(o\
/ / | YM:jimmylin_search_hana||Gmail:tronghiep92 | \ \
( (_ | _ Website:http://svphuyen.com _ | _) )
((\ \)+-/o)--------------------------------------(o\-+(/ /))
(\\\ \_/ / \ \_/ ///)
\ / \ /
\____/
Index tại SVPhuYen.Com - Làm ơn để lại comment này khi copy source code . Thanks
-->
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="miss_Ngan" />
<title>Dream Sky- love9.1 - Dien Dan Lop 9.1 - Chia Se Cam Xuc - Giao Luu Ket Ban - Hoc Tap - Vui Choi Giai Tri</title>
<meta content="Dream Sky-Dien Dan Lop 9.1 - Chia Se Cam Xuc - Giao Luu Ket Ban - Hoc Tap - Vui Choi Giai Tri" name="description" />
<meta content="Dream Sky,lớp 9.1, Nguyễn An NInh, Nguyen An Ninh" name="keywords" />
<meta http-equiv="content-language" content="vi" />
<meta name="robots" content="noodp,index,follow" />
<meta name='revisit-after' content='1 days' />
<link rel="shortcut icon" href="http://tunghuynh.netau.net/codeindex/DreamSky/favicon.ico" />
<link rel="image_src" href="http://tunghuynh.netau.net/codeindex/DreamSky/thumnail.png" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<style type="text/css">
*{margin: 0;padding: 0;}
body{
background:url(http://tunghuynh.netau.net/codeindex/DreamSky/bg.png);
overflow-x: hidden;
color: white;
font-family: Arial, Helvetica, sans-serif;
}
/*AIR*/
#air{
width: 100%;
height:700px ;
position: relative;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/air/moon.png) 50% 0 no-repeat;
}
#air div{
position: absolute;
}
#star{
height: 100%;width: 1300px;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/air/stars.png);
}
#bot1{
width: 75px;height: 70px;
right: 315px;top:72px;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/air/bot1.png);
}
#bot2{
width: 66px;height: 68px;
right: 230px;top:40px;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/air/bot2.png);
}
#bot3{
position: relative;
right: 280px;top:170px;
width: 338px;height: 343px;
overflow: hidden;
}
#bot3 div{
position: absolute;
background-repeat: no-repeat;
background-position: center bottom;
}
#bot3_main{
width: 338px;height: 343px;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/air/bot3.png);
}
#bot3_main p{
line-height: 490px;
margin-left: 120px;
font-weight: bold;
color: #0080FF;
font-size: 18px;
cursor: pointer;
}
#bot3_main p:hover{
color: #FF80FF;
}
#bot3_blink{
width: 338px;height: 343px;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/air/bot_blink.gif);
}
#bot3_smoke{
width: 27px;height: 132px;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/air/smoke.gif);
right: 148px;top:33px
}
/*SKY*/
#sky{
width: 100%;height: 200px;
position: relative;
overflow: hidden;
}
#sky marquee{
position: absolute;
width: 100%;
}
/*LAND*/
#land{
width: 100%;height: 600px;
position: relative;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/land/bg.png) no-repeat -190px bottom;
}
#trang{
position: absolute;
top:133px;left: 150px;
z-index: -1;
}
#co{
position: absolute;
top:0px;left: 0px;
z-index: -1;
}
#door{
position: absolute;
bottom: 94px;left: 189px;
width: 25px;height: 25px;
}
#door img{
display: none;
}
#sheep{
width: 200px;height: 100px;
position: absolute;
bottom: 30px;left: 140px;
}
#sheep div{
width: 16px;height: 16px;
position: absolute;
background-image: url(http://tunghuynh.netau.net/codeindex/DreamSky/land/sheep.gif);
background-repeat: no-repeat;
}
#sheep1{
background-position: 0 0;
left: 20px;bottom: 30px;
}
#sheep2{
background-position: -32px -1px;
left: 90px;top: 20px;
}
#sheep3{
background-position: -15px -1px;
right: 20px;bottom: 10px;
}
#sheep4{
background-position: -48px -1px;
left: 130px;top: 20px;
}
#sheep5{
background-position: -67px -1px;
left: 110px;top: 50px;
}
#sheep6{
background-position: -78px -1px;
right: 10px;top: 10px;
}
#ship{
width: 421px;height: 200px;position: absolute;
right: 133px;bottom: -55px;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/land/h2o.gif) no-repeat center 50px;
}
#full_ship{
position: relative;
width: 106px;height: 90px;
float: right;margin: 35px 45px 0;
}
#light_ship{
position: absolute;
width: 5px;height: 5px;
top:0;left: 28px;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/land/blink.gif);
}
#main_ship{
width: 100%;height: 85px;
position: absolute;z-index: 1;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/land/ship.png) no-repeat 0 1px;
}
#footer_ship{
position: absolute;
width: 100%;height: 20px;
bottom: 0;
z-index: 2;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/land/ship.png) no-repeat 0 bottom;
}
#thongdiep{
position: absolute;
width: 500px;min-height: 250px;
top:40px;text-shadow: 0 0 6px red;
}
#thongdiep p{
font-weight: bold;
}
#thongdiep a{
text-align: right;
color: #80FFFF;
}
/*OCEAN*/
#ocean{
width: 100%;height: 750px;overflow: hidden;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/ocean/bg.png) no-repeat 50% bottom;
position: relative;
}
#bongbong{
position: absolute;
z-index: -1;
overflow: hidden;
width: 310px;
right: 50px;bottom: -20px;
}
#ca{
position: absolute;
z-index: -1;
left: 0px;bottom: 0px;
}
#sua{
position: absolute;
z-index: -1;max-width: 1280px;
overflow: hidden;
left: 0px;top: 0px;
}
#ocean ul{
list-style: none;
margin-top: 620px;
text-align: center;
}
#ocean li{
background-position: 50% bottom;
background-repeat: no-repeat;
display: inline-block;
margin: 0 45px;
}
li#muc{
position: relative;
width: 58px;height: 106px;
margin: 0;
background-image: url(http://tunghuynh.netau.net/codeindex/DreamSky/ocean/4_4.png)
}
li#muc img{
position: absolute;
left: -10px;top:-5px
}
#o{
width: 132px;height: 102px;
background: url(http://tunghuynh.netau.net/codeindex/DreamSky/ocean/7.png) no-repeat;
}
</style>
<script type="text/javascript">
$(function(){
//AIR
$('#star').animate({'left':'-100px'},12000)
setInterval(function(){
$('#star').animate({'left':'0'},10000,function(){
$(this).animate({'left':'-100px'},12000)
})
},12000)
$('#bot3').animate({'top':'150px'},9000).find('#bot3_smoke').css('opacity','0.5')
setInterval(function(){
$('#bot3').animate({'top':'170px'},9000,function(){
$(this).animate({'top':'150px'},9000)
})
},10000)
//SKY
setTimeout(function(){
$('#sky img').css('margin-left',0)
},14000)
//SCROLL
var $text=[
'Tôi mong bạn có đủ hạnh phúc để trở nên ngọt ngào , có đủ thử thách để trở nên vững mạnh , có đủ nỗi buồn để bạn hiểu cuộc đời , có đủ niềm tin để bạn bước tới và có đủ tình yêu để dâng hiến cho đời .',
'Hãy làm những gì bạn muốn làm, mơ những gì bạn muốn mơ , tới đâu bạn muốn tới , trở thành những gì bạn muốn , bởi bạn chỉ có một cuộc sống và một cơ hội để làm tất cả những gì bạn muốn .',
'Khi bạn được sinh ra , bạn khóc còn mọi người xung quanh cười. Hãy sống sao cho khi bạn qua đời, mọi người khóc còn bạn, bạn cười. ',
'Tình yêu bắt đầu bằng nụ cười, lớn lên bằng nụ hôn và thường kết thúc bằng nước mắt (Okies!).',
'Hãy luôn đặt mình vào vị trí người khác, nếu điều đó làm tổn thương bạn thì nó cũng sẽ tổn thương người khác.',
'Hãy mỉm cười trong cuộc sống. Nụ cười của bạn mang lại hạnh phúc cho người xung quanh và do đó cũng mang lại hạnh phúc cho chính bạn.',
'Đừng quên hy vọng, sự hy vọng cho bạn sức mạnh để tồn tại ngay khi bạn đang bị bỏ rơi.<br />Đừng đánh mất niềm tin vào bản thân mình. Chỉ cần tin là mình có thể làm được và bạn lại có lý do để cố gắng thực hiện điều đó. ',
'Sự khác biệt giữa những người thành công và những người thất bại ko phải là ở sức mạnh, kiến thức hay sự hiểu biết - mà chính là ở ý chí.',
'Khi tự nhìn nhận cuộc sống của mình đã hoàn hảo, ko còn mục đích lớn lao gì nữa thì có nghĩa là cuộc sống của bạn đang mất đi rất nhiều ý nghĩa.'
]
var browserType=navigator.userAgent.toLowerCase()
setTimeout(function(){
$('html,body').stop().animate({scrollTop:$(document).height()},5000,function(){
if(browserType.lastIndexOf('chrome')!=-1){
$('html,body').stop().animate({scrollTop:'50px'},4000)
}else{
$(this).stop().animate({scrollTop:'50px'},4000)
}
})
},4000)
var text=$text[Math.floor(Math.random()*$text.length)]+'<br /><br /><p>CHÀO MỪNG BẠN ĐẾN VỚI DIỄN ĐÀN LỚP 9.1</p><p><a href="/forum">VÀO DIỄN ĐÀN</a></p>'
i=0
lengText=text.length
$(window).scroll(function(){
if($(window).scrollTop()=='50'){
setTimeout(function(){
$('html,body').animate({scrollTop:'800px'},5000,function(){
setInterval(function(){
if(i==lengText){
$('#cursor').hide()
}else{
var chay=text.substr(0,i)
$('#thongdiep').html(chay+'<img border="0" id="cursor" src="http://tunghuynh.netau.net/codeindex/DreamSky/but.png" width="14"/>')
i++
}
},180)
})
},1000)
}
})
//OCEAN
setInterval(function(){
$('#muc').animate({'top':'-20px'},2000,function(){
$(this).animate({'top':'-5px'},2000)
})
},2500)
setInterval(function(){
if($('#o').hasClass('closed')!=false){
$('#o').css('background-position','50% bottom').removeClass('closed')
}else{
$('#o').css('background-position','50% top').addClass('closed')
}
},5000)
//LAND
$('#footer_ship').css('opacity','0.4')
setInterval(function(){//code khó nhất
$('#full_ship').animate({'margin-top':'31px'},1500,function(){
$(this).animate({'margin-top':'35px'},1500)
})
$('#main_ship').animate({'height':'80px'},1500,function(){
$(this).animate({'height':'85px'},1500)
})
},3500)
setInterval(function(){//not IE fuck IE
var $ran=Math.floor(Math.random()*$('#sheep div').size())
var posO=$('#sheep div:eq('+$ran+')').css('background-position')
var posN=parseFloat(posO)
$('#sheep div:eq('+$ran+')').css({'background-position':posN+'px'+' -32px'})
setTimeout(function(){
$('#sheep div:eq('+$ran+')').css({'background-position':posO})
},1000)
},2000)
$('#door').click(function(){
$(this).children().slideToggle(0)
})
$('.like').css('opacity','0.2')
cen()
$(window).resize(function(){cen()})
function cen(){
$thongdiep=$('#thongdiep')
$thongdiep.css('left',($(window).width()-$thongdiep.width())/2)
}
})
</script>
</head>
<body>
<div id="air">
<div id="bot1"></div>
<div id="bot2"></div>
<div id="star"></div>
<div id="bot3">
<div id="bot3_blink"></div>
<div id="bot3_main"><p onclick="window.location='/forum '">VÀO DIỄN ĐÀN</p></div>
<div id="bot3_smoke"></div>
</div>
<embed width="1300" height="450" style="position: absolute; right: 10; top: -10;z-index: -1;" wmode="transparent" menu="false" quality="high" type="application/x-shockwave-flash" src="http://tunghuynh.netau.net/codeindex/DreamSky/air/saobang.swf" pluginspage="http://www.macromedia.com/go/getflashplayer">
</div><!--end#AIR-->
<div id="sky">
<marquee style="top: 0;" scrollamount="4"><img style="margin-left: -900px;" src="http://tunghuynh.netau.net/codeindex/DreamSky/sky/cloud1.png" /></marquee>
<marquee style="top: 0;" scrollamount="3"><img src="http://tunghuynh.netau.net/codeindex/DreamSky/sky/cloud2.png" /></marquee>
<marquee style="top: 60px;" scrollamount="7"><img src="http://tunghuynh.netau.net/codeindex/DreamSky/sky/cloud3.png" /></marquee>
<marquee style="top: 70px;" scrollamount="6"><img style="margin-left: -700px;" src="http://tunghuynh.netau.net/codeindex/DreamSky/sky/cloud4.png" /></marquee>
<marquee style="bottom: 10px;" scrollamount="9"><img src="http://tunghuynh.netau.net/codeindex/DreamSky/sky/cloud1.png" /></marquee>
</div><!--end#SKY-->
<div id="land">
<div id="sheep">
<div id="sheep1"></div>
<div id="sheep2"></div>
<div id="sheep3"></div>
<div id="sheep4"></div>
<div id="sheep5"></div>
<div id="sheep6"></div>
</div>
<div id="door"><img src="http://tunghuynh.netau.net/codeindex/DreamSky/land/opened_door.gif" /></div>
<div id="ship">
<div id="full_ship">
<div id="light_ship"></div>
<div id="main_ship"></div>
<div id="footer_ship"></div>
</div>
</div>
<div id="trang">
<embed width="478" height="284" flashvars="live=true" wmode="transparent" menu="false" quality="high" name="vollltv" id="vollltv" src="http://tunghuynh.netau.net/codeindex/DreamSky/land/trang.swf" type="application/x-shockwave-flash">
</div>
<div id="co">
<embed width="478" height="284" flashvars="live=true" wmode="transparent" menu="false" quality="high" name="vollltv" id="vollltv" src="http://tunghuynh.netau.net/codeindex/DreamSky/land/co.swf" type="application/x-shockwave-flash">
</div>
<div id="thongdiep">
</div>
</div><!--end#LAND-->
<div id="ocean">
<ul>
<li><img src="http://tunghuynh.netau.net/codeindex/DreamSky/ocean/1.png" /></li>
<li style="background-image: url(http://tunghuynh.netau.net/codeindex/DreamSky/ocean/2_2.png);"><img src="http://tunghuynh.netau.net/codeindex/DreamSky/ocean/2.png" /></li>
<li style="background-image: url(http://tunghuynh.netau.net/codeindex/DreamSky/ocean/3_3.png);"><img src="http://tunghuynh.netau.net/codeindex/DreamSky/ocean/3.png" /></li>
<li id="muc"><img src="http://tunghuynh.netau.net/codeindex/DreamSky/ocean/4.png" /></li>
<li style="background-image: url(http://tunghuynh.netau.net/codeindex/DreamSky/ocean/5_5.png);"><img src="http://tunghuynh.netau.net/codeindex/DreamSky/ocean/5.png" /></li>
<li style="background-image: url(http://tunghuynh.netau.net/codeindex/DreamSky/ocean/6_6.png);"><img src="http://tunghuynh.netau.net/codeindex/DreamSky/ocean/6.png" /></li>
<li id="o"></li>
</ul>
<div id="bongbong">
<embed width="500" height="300" wmode="transparent" menu="false" quality="high" type="application/x-shockwave-flash" src="http://tunghuynh.netau.net/codeindex/DreamSky/ocean/bongbong.swf" pluginspage="http://www.macromedia.com/go/getflashplayer">
</div>
<div id="ca">
<embed width="300" height="300" wmode="transparent" menu="false" quality="high" type="application/x-shockwave-flash" src="http://tunghuynh.netau.net/codeindex/DreamSky/ocean/ca.swf" pluginspage="http://www.macromedia.com/go/getflashplayer">
</div>
<div id="sua">
<embed width="3000" height="500" wmode="transparent" menu="false" quality="high" type="application/x-shockwave-flash" src="http://tunghuynh.netau.net/codeindex/DreamSky/ocean/sua.swf" pluginspage="http://www.macromedia.com/go/getflashplayer">
</div>
<iframe class="like" frameborder="0" scrolling="no" allowtransparency="true" src="//www.facebook.com/plugins/like.php?href=http://love91.us.to/h57-page/&send=false&layout=box_count&width=52&show_faces=false&action=like&colorscheme=light&font=arial&height=90" style="width: 60px;height: 60px;z-index: 99999;position: absolute;bottom: 1px;left: 5px;"></iframe>
<div class="like" style="position: absolute;right: 5px;bottom: 1px;"><g:plusone size="tall" lang="vi" count="false"></g:plusone></div>
</div><!--end#OCEAN-->
<embed type='application/x-shockwave-flash'id='single2'name='single2'src='http://player.longtailvideo.com/player.swf'width='1'height='1'bgcolor='undefined'allowscriptaccess='always'allowfullscreen='true'wmode='transparent'flashvars='duration=33&file=notice.mp3&autostart=true'/>
</body>
</html>
<object width="1" height="1"><param name="movie" value="http://static.mp3.zing.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wOS8xNC8zLzkvInagaMEMzk3OWZkMDMzMDdjOTY0ZjRhYWFmMTYxNjkxMDU2OTMdUngWeBXAzfEcUIbaBpmUsIC3MgVGhlIFJhaW58WWlydW1hfDF8Mg" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed width="1" height="1" src="http://static.mp3.zing.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMS8wOS8xNC8zLzkvInagaMEMzk3OWZkMDMzMDdjOTY0ZjRhYWFmMTYxNjkxMDU2OTMdUngWeBXAzfEcUIbaBpmUsIC3MgVGhlIFJhaW58WWlydW1hfDF8Mg" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br />
<a href="http://www.forumvi.com" target="_blank"> </a>