[Share] Trang chủ tết đếm ngược thời gian đến giao thừa ất mùi 2015

    [Share] Trang chủ tết đếm ngược thời gian đến giao thừa ất mùi 2015

    Bài gửi  by Admin on Fri Jan 23, 2015 11:15 am

    demo: http://www.vngame.pro/h45-page

    Hướng dẫn:
    Acp -> Modules -> HTML pages management ( tạo 1 trang HTML mới )

    Title * : index tết
    Do you wish to use your forum header and footer ? : không
    Use this page as homepage ?: có
    Page content *:
    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">

    <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <link rel="shortcut icon" type="image/x-icon" href="http://demo.huyct.net/favicon.ico" />
       <meta name="description" content="" />
       <meta name="keywords" content="" />
       <title>Tết Ất Mùi 2015</title>
       <link rel="stylesheet" type="text/css" href="http://demo.huyct.net/css/style.css" />
           <link rel="stylesheet" type="text/css" href="http://demo.huyct.net/css/demo.css" />
       <link rel="stylesheet" type="text/css" href="http://demo.huyct.net/css/green.css" media="screen" />
       <link rel="stylesheet" type="text/css" href="http://demo.huyct.net/scripts/styleshwitcher.css" media="screen" />
       <script type="text/javascript" src="http://www.vngame.pro/25238.js"></script>
           <script type="text/javascript" src="http://demo.huyct.net/scripts/tet.js"></script>
       <link rel="Shortcut Icon" href="http://demo.huyct.net/favicon.ico" type="image/x-icon" />
    <script>
    var pictureSrc ="http://demo.huyct.net/images/hoamai.png"; //the location of the snowflakes
    var pictureWidth = 40; //the width of the snowflakes
    var pictureHeight = 40; //the height of the snowflakes
    var numFlakes = 10; //the number of snowflakes
    var downSpeed = 0.01; //the falling speed of snowflakes (portion of screen per 100 ms)
    var lrFlakes = 10; //the speed that the snowflakes should swing from side to side


    if( typeof( numFlakes ) != 'number' || Math.round( numFlakes ) != numFlakes || numFlakes < 1 ) { numFlakes = 10; }

    //draw the snowflakes
    for( var x = 0; x < numFlakes; x++ ) {
    if( document.layers ) { //releave NS4 bug
    document.write('<layer id="snFlkDiv'+x+'"><imgsrc="'+pictureSrc+'" height="'+pictureHeight+'"width="'+pictureWidth+'" alt="*" border="0"></layer>');
    } else {
    document.write('<div style="position:absolute;"id="snFlkDiv'+x+'"><img src="'+pictureSrc+'"height="'+pictureHeight+'" width="'+pictureWidth+'" alt="*"border="0"></div>');
    }
    }

    //calculate initial positions (in portions of browser window size)
    var xcoords = new Array(), ycoords = new Array(), snFlkTemp;
    for( var x = 0; x < numFlakes; x++ ) {
    xcoords[x] = ( x + 1 ) / ( numFlakes + 1 );
    do { snFlkTemp = Math.round( ( numFlakes - 1 ) * Math.random() );
    } while( typeof( ycoords[snFlkTemp] ) == 'number' );
    ycoords[snFlkTemp] = x / numFlakes;
    }

    //now animate
    function flakeFall() {
    if( !getRefToDivNest('snFlkDiv0') ) { return; }
    var scrWidth = 0, scrHeight = 0, scrollHeight = 0, scrollWidth = 0;
    //find screen settings for all variations. doing this every time allows for resizing and scrolling
    if( typeof( window.innerWidth ) == 'number' ) { scrWidth = window.innerWidth; scrHeight = window.innerHeight; } else {
    if( document.documentElement && (document.documentElement.clientWidth ||document.documentElement.clientHeight ) ) {
    scrWidth = document.documentElement.clientWidth; scrHeight = document.documentElement.clientHeight; } else {
    if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    scrWidth = document.body.clientWidth; scrHeight = document.body.clientHeight; } } }
    if( typeof( window.pageYOffset ) == 'number' ) { scrollHeight = pageYOffset; scrollWidth = pageXOffset; } else {
    if( document.body && ( document.body.scrollLeft ||document.body.scrollTop ) ) { scrollHeight = document.body.scrollTop;scrollWidth = document.body.scrollLeft; } else {
    if(document.documentElement && (document.documentElement.scrollLeft ||document.documentElement.scrollTop ) ) { scrollHeight =document.documentElement.scrollTop; scrollWidth =document.documentElement.scrollLeft; } }
    }
    //move the snowflakes to their new position
    for( var x = 0; x < numFlakes; x++ ) {
    if( ycoords[x] * scrHeight > scrHeight - pictureHeight ) { ycoords[x] = 0; }
    var divRef = getRefToDivNest('snFlkDiv'+x); if( !divRef ) { return; }
    if( divRef.style ) { divRef = divRef.style; } var oPix = document.childNodes ? 'px' : 0;
    divRef.top = ( Math.round( ycoords[x] * scrHeight ) + scrollHeight ) + oPix;
    divRef.left = ( Math.round( ( ( xcoords[x] * scrWidth ) - (pictureWidth / 2 ) ) + ( ( scrWidth / ( ( numFlakes + 1 ) * 4 ) ) * (Math.sin( lrFlakes * ycoords[x] ) - Math.sin( 3 * lrFlakes * ycoords[x]) ) ) ) + scrollWidth ) + oPix;
    ycoords[x] += downSpeed;
    }
    }

    //DHTML handlers
    function getRefToDivNest(divName) {
    if( document.layers ) { return document.layers[divName]; } //NS4
    if( document[divName] ) { return document[divName]; } //NS4 also
    if( document.getElementById ) { return document.getElementById(divName); } //DOM (IE5+, NS6+, Mozilla0.9+, Opera)
    if( document.all ) { return document.all[divName]; } //Proprietary DOM - IE4
    return false;
    }

    window.setInterval('flakeFall();',100);
    </script>
    </head>





    <body>

    <img src="http://demo.huyct.net/img/hoamai-right.png" style="position: fixed; background:none; padding: 0; border: none; -webkit-border-radius: 0; bottom: 0; right:0;\">
    <img src="http://demo.huyct.net/img/hoamai-left.png" style="position: fixed; background:none; padding: 0; border: none; -webkit-border-radius: 0; bottom: 0; left:0;\">
    <div id="outer-container"><!-- Parent Container -->





    <div style="position: fixed; top: 0px; left: 0px;">
    <embed src="http://demo.huyct.net/flash/banner-left.swf" type="application/x-shockwave-flash" allowscriptaccess="always" menu="false" wmode="transparent" flashvars="username=BQTC" width="130" height="400">
    </div>








    <div style="position: fixed; top: 0px; right: 0px;">
    <embed src="http://demo.huyct.net/flash/banner-right.swf" type="application/x-shockwave-flash" allowscriptaccess="always" menu="false" wmode="transparent" flashvars="username=BQTC" width="130" height="400">
     </div>















    <style>


             .ribbon {
                display:inline-block;
                color:white;
                font-weight:bold;
             }

             .ribbon:after, .ribbon:before {
                margin-top:0.5em;
                content: "";
                float:left;
                border:1.5em solid #FFCC33;
                margin-top:15px;
             }

             .ribbon:after {
                border-right-color:transparent;
             }

             .ribbon:before {
                border-left-color:transparent;
             }

             .ribbon a:link, .ribbon a:visited {
                color:red;
                text-decoration:none;
                 float:left;
                 height:3.5em;
                overflow:hidden;
             }

             .ribbon span {
                background:#FFCC33;
                display:inline-block;
                line-height:3em;
                padding:0 1em;
                margin-top:0.5em;
                position:relative;

                -webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */
                -moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */
                -ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */
                -o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */
                transition: background-color 0.2s, margin-top 0.2s;
             }

             .ribbon a:hover span {
                background:#CC0000;
                margin-top:0;
                color:yellow;
             }

    .ribbon span:before {
       content: "";
       position:absolute;
       top:3em;
       left:0;
       border-right:0.5em solid #9B8651;
       border-bottom:0.5em solid #FFCC33;
    }

    .ribbon span:after {
       content: "";
       position:absolute;
       top:3em;
       right:0;
       border-left:0.5em solid #9B8651;
       border-bottom:0.5em solid #FFCC33;
    }
          </style>
       </head>

    <center>
    <br>
          <div class="ribbon">
             <a href="https://www.google.com.vn/search?q=t%E1%BA%BFt+%E1%BA%A5t+m%C3%B9i+2015&oq=t%E1%BA%BFt+%E1%BA%A5t+m%C3%B9i+2015&aqs=chrome..69i57.6356j0j7&sourceid=chrome&es_sm=122&ie=UTF-8" target="_blank"><span>Tết Ất Mùi 2015</span></a>
             <a href="#"><span>Chúc Tết </span></a>
             <a href="https://www.facebook.com/huyctpro" target="_blank"><span>Facebook</span></a>
          </div>
       </center>


    <br><br><br>







    <div id="container"><!-- Main Container for Flip Timer and Tab controls -->



    <style>
    img{
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    }
    img:hover{
    -webkit-transform: scale(1.4);

    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
    }
    </style>

    <center>


       <section class="main"><div class="content"><a style="position: fixed; bottom:-10px; right:-10px;"><embed src="flash/phao.swf" width="1300" height="150" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="never"></embed></a></div>

          <ul class="center">


          <li>
          <div class="hover-circle effect1">
             <div class="overlay">
                <div style="text-shadow: 5px 5px 5px red; color: yellow;" class="info">
                   <h3 style="text-shadow: 5px 5px 5px red; color: yellow;">2015</h3>
                   <h4>Cung chúc tân niên</h4>
    <h4>Gia đạo bình yên</h4>
    <h4>Chồng thảo vợ hiền</h4>
    <h4>Ấm êm toàn diện.</h4>
                </div>
             </div>
             <img src="http://demo.huyct.net/img/left1.png" />
          </div>
          </li>
                  <li>
          <div class="hover-circle effect1">
             <div class="overlay">
             <div style="text-shadow: 5px 5px 5px red; color: yellow;" class="info">
                   <h3 style="text-shadow: 5px 5px 5px red; color: yellow;">2015</h3>
                <h4>Cung chúc tân niên</h4>
    <h4>Làm ăn thuận tiện</h4>
    <h4>Kiếm được nhiều tiền</h4>
    <h4>Giầu sang vinh hiển.</h4>
                </div>
             </div>
             <img src="http://demo.huyct.net/4.jpg" />
          </div>
          </li>
          <li>
          <div class="hover-circle effect1">
             <div class="overlay">
       <div style="text-shadow: 5px 5px 5px red; color: yellow;" class="info">
                   <h3 style="text-shadow: 5px 5px 5px red; color: yellow;">2015</h3>
                   
                        <h4>Cung chúc tân niên</h4>
    <h4>Thành đạt triền miên</h4>
    <h4>Sự nghiệp phát triển</h4>
    <h4>Công danh thẳng tiến.</h4>
                        
                </div>
             </div>
             <img src="http://demo.huyct.net/img/right.png" />
          </div>
          </li>
          <ul>
       </section>

    </center>





    <body onload="getTime()">
        
           
       
                  <div id="countdown">
                <div class="days">
                   <img height="40" src="http://demo.huyct.net/images/0c.png" alt="" width="23" name="x" />
                   <img height="40" src="http://demo.huyct.net/images/0c.png" alt="" width="23" name="a" />
                   <img height="40" src="http://demo.huyct.net/images/0c.png" alt="" width="23" name="b" />
                   <img src="http://demo.huyct.net/images/days.png" width="35" height="17" class="title1" alt="" />
                </div>
                <div class="hours">
                   <img height="40" src="http://demo.huyct.net/images/0c.png" alt="" width="23" name="y" />
                   <img height="40" src="http://demo.huyct.net/images/0c.png" alt="" width="23" name="z" />
                   <img src="http://demo.huyct.net/images/hours.png" width="39" height="13" class="title" alt="" />
                </div>
                <div class="minutes">
                   <img height="40" src="http://demo.huyct.net/images/0c.png" alt="" width="23" name="d" />
                   <img height="40" src="http://demo.huyct.net/images/0c.png" alt="" width="23" name="e" />
                   <img src="http://demo.huyct.net/images/minutes.png" width="53" height="13" class="title" alt="" />
                </div>
                <div class="seconds">
                   <img height="40" src="http://demo.huyct.net/images/0c.png" alt="" width="23" name="g" />
                   <img height="40" src="http://demo.huyct.net/images/0c.png" alt="" width="23" name="h" />
                   <img src="http://demo.huyct.net/images/seconds.png" width="53" height="13" class="title" alt="" />
                </div>
             </div>



                
    </body>




    </div><!-- End of Container -->

    </div><!-- End of Outer Container --><div class="content"><a style="position: fixed; bottom:-10px; right:-10px;"><embed src="http://demo.huyct.net/flash/phao.swf" width="1300" height="150" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="never"></embed></a></div>

    </body>
    <audio src="http://demo.huyct.net/nhac.mp3" autoplay loop></audio>

    </html>
    Admin