Oº°‘¨ [C]hia [S]ẻ [O]nline ¨‘°ºO
♥️Chào Mừng Các Bạn Ghé Thăm Forum Chia Sẻ Online♥️
Rất mong các bạn đăng ký làm thành viên để cùng
nhau chia sẻ mọi nỗi buồn vui
Chúc các bạn có những phút thư giãn vui vẻ
♥️Welcome to forum Chia Sẻ Online♥️
Welcome Guest, is this your first visit? Register
All times are GMT. The time now is 07:28 AM.

You are not connected. Please login or register

[Codes] Trang chủ dreamsky

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1 [Codes] Trang chủ dreamsky on Sun Aug 26, 2012 11:15 am

darren_ngoisaobay

avatar
Thành Viên
Thành Viên
Demo online nè: http://love91.us.to/h57-page
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>

Xem lý lịch thành viên http://skullvt.forum-viet.com/

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

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