![[Shere]code trang chủ VnA Logo](https://2img.net/i/fa/logo/logo.png){kind=logo}
Trang Chính
code nè nhớ thay đổi cho thích hợp 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>Chào mừng đến với Diễn Đàn VnA</title>
<meta content="Dream Sky-Dien Dan Sinh Vien Phu Yen - Chia Se Cam Xuc - Giao Luu Ket Ban - Hoc Tap - Vui Choi Giai Tri" name="description" />
<meta content="Dream Sky,svphuyen.com,phu yen,phú yên,sinh viên phú yên,svphuyen,vip12a7.tk,sinh vien phu yen,giao luu ket ban,truyen tinh yeu,chia se cam xuc" 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="favicon.ico" />
<link rel="image_src" href="http://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/bg.png);
overflow-x: hidden;
color: white;
font-family: Arial, Helvetica, sans-serif;
}
/*AIR*/
#air{
width: 100%;
height:700px ;
position: relative;
background: url(http://vnat.webs.com/homepage%20sky/sky/air/moon.png) 50% 0 no-repeat;
}
#air div{
position: absolute;
}
#star{
height: 100%;width: 1300px;
background: url(http://vnat.webs.com/homepage%20sky/sky/air/stars.png);
}
#bot1{
width: 75px;height: 70px;
right: 315px;top:72px;
background: url(http://vnat.webs.com/homepage%20sky/sky/air/bot1.png);
}
#bot2{
width: 66px;height: 68px;
right: 230px;top:40px;
background: url(http://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/air/bot_blink.gif);
}
#bot3_smoke{
width: 27px;height: 132px;
background: url(http://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/land/blink.gif);
}
#main_ship{
width: 100%;height: 85px;
position: absolute;z-index: 1;
background: url(http://vnat.webs.com/homepage%20sky/sky/land/ship.png) no-repeat 0 1px;
}
#footer_ship{
position: absolute;
width: 100%;height: 20px;
bottom: 0;
z-index: 2;
background: url(http://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/ocean/bg.png) no-repeat 50% bottom;
position: relative;
}
#bongbong{
position: absolute;
z-index: -1;
overflow: hidden;
width: 300px;
right: 20px;bottom: 250px;
}
#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://vnat.webs.com/homepage%20sky/sky/ocean/4_4.png)
}
li#muc img{
position: absolute;
left: -10px;top:-5px
}
#o{
width: 132px;height: 102px;
background: url(http://vnat.webs.com/homepage%20sky/sky/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)
$(window).scroll(function(){
if($(window).scrollTop()=='50'){
setTimeout(function(){
$('html,body').animate({scrollTop:'800px'},5000,function(){
var text=$text[Math.floor(Math.random()*$text.length)]+'<br /><br /><p>CHÀO MỪNG BẠN ĐẾN VỚI DIỄN ĐÀN VnA</p><p><a href="http://vn-answer.123.st/forum">VÀO DIỄN ĐÀN</a></p>'
i=0
lengText=text.length
setInterval(function(){
if(i==lengText){
$('#cursor').hide()
}else{
var chay=text.substr(0,i)
$('#thongdiep').html(chay+'<img id="cursor" src="http://vnat.webs.com/homepage%20sky/sky/but.png" width="14"/>')
i++
}
},150)
})
},1000)
}
})
//OCEAN
setInterval(function(){
$('#muc').animate({'top':'-20px'},2000,function(){
$(this).animate({'top':'-5px'},2000)
})
},2000)
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='http://vn-answer.123.st/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://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/sky/cloud1.png" /></marquee>
<marquee style="top: 0;" scrollamount="3"><img src="http://vnat.webs.com/homepage%20sky/sky/sky/cloud2.png" /></marquee>
<marquee style="top: 60px;" scrollamount="7"><img src="http://vnat.webs.com/homepage%20sky/sky/sky/cloud3.png" /></marquee>
<marquee style="top: 70px;" scrollamount="6"><img style="margin-left: -700px;" src="http://vnat.webs.com/homepage%20sky/sky/sky/cloud4.png" /></marquee>
<marquee style="bottom: 10px;" scrollamount="9"><img src="http://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/land/co.swf" type="application/x-shockwave-flash">
</div>
<div id="thongdiep">
</div>
</div><!--end#LAND-->
<div id="ocean">
<ul>
<li><img src="http://vnat.webs.com/homepage%20sky/sky/ocean/a.png" /></li>
<li style="background-image: url(http://vnat.webs.com/homepage%20sky/sky/ocean/2_2.png);"><img src="http://vnat.webs.com/homepage%20sky/sky/ocean/2.png" /></li>
<li style="background-image: url(http://vnat.webs.com/homepage%20sky/sky/ocean/3_3.png);"><img src="http://vnat.webs.com/homepage%20sky/sky/ocean/3.png" /></li>
<li id="muc"><img src="http://vnat.webs.com/homepage%20sky/sky/ocean/4.png" /></li>
<li style="background-image: url(http://vnat.webs.com/homepage%20sky/sky/ocean/5_5.png);"><img src="http://vnat.webs.com/homepage%20sky/sky/ocean/5.png" /></li>
<li style="background-image: url(http://vnat.webs.com/homepage%20sky/sky/ocean/6_6.png);"><img src="http://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/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://vnat.webs.com/homepage%20sky/sky/ocean/sua.swf" pluginspage="http://www.macromedia.com/go/getflashplayer">
</div>
<!--end#OCEAN-->
<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?MjAxMi8wMi8wMS8wL2YvInagaMEMGY0NDAzN2JkZjRkN2RiN2QxOGYyNzQzNzVkMTY2YjmUsICdUngWeBXAzfGxvInagaMEWeBmVseXN0YXJ8TEsgYW5kIEp1mUsIC3RhIFRlZXwxfDM" /><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?MjAxMi8wMi8wMS8wL2YvInagaMEMGY0NDAzN2JkZjRkN2RiN2QxOGYyNzQzNzVkMTY2YjmUsICdUngWeBXAzfGxvInagaMEWeBmVseXN0YXJ8TEsgYW5kIEp1mUsIC3RhIFRlZXwxfDM" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br />
<a href="http://www.forumvi.com" target="_blank" style="display:none;">forumvi.com</a>
No Comment.