Code:

 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <link href="./favicon.ico" type="image/x-icon" rel="shortcut icon" /> <meta content="" name="description" /> <meta content="" name="keywords" /> <title>Happy New Year 2014 - Chúc Mừng Năm Mới - Design By hà</title> <link href="http://ghequa.net/css/style.css" type="http://ghequa.net/text/css" rel="stylesheet" /> <link href="http://ghequa.net/css/demo.css" type="http://ghequa.net/text/css" rel="stylesheet" /> <link media="screen" href="http://ghequa.net/css/green.css" type="http://ghequa.net/text/css" rel="stylesheet" /> <link media="screen" href="http://ghequa.net/scripts/styleshwitcher.css" type="text/css" rel="stylesheet" /> <script src="http://ghequa.net/scripts/jquery.countdown.js" type="text/javascript"></script> <script src="http://ghequa.net/scripts/tet.js" type="text/javascript"></script>

<script>function getTime() {
c1 = new Image(); c1.src = "http://ghequa.net/images/1c.png";
c2 = new Image(); c2.src = "http://ghequa.net/images/2c.png";
c3 = new Image(); c3.src = "http://ghequa.net/images/3c.png";
c4 = new Image(); c4.src = "http://ghequa.net/images/4c.png";
c5 = new Image(); c5.src = "http://ghequa.net/images/5c.png";
c6 = new Image(); c6.src = "http://ghequa.net/images/6c.png";
c7 = new Image(); c7.src = "http://ghequa.net/images/7c.png";
c8 = new Image(); c8.src = "http://ghequa.net/images/8c.png";
c9 = new Image(); c9.src = "http://ghequa.net/images/9c.png";
c0 = new Image(); c0.src = "http://ghequa.net/images/0c.png";
Cc = new Image(); Cc.src = "http://ghequa.net/images/Cc.png";
now = new Date();

//ENTER BELOW THE DATE YOU WISH TO COUNTDOWN TO
later = new Date("January 31 2014 1:00:00");

days = (later - now) / 1000 / 60 / 60 / 24;
daysRound = Math.floor(days);
hours = (later - now) / 1000 / 60 / 60 - (24 * daysRound);
hoursRound = Math.floor(hours);
minutes = (later - now) / 1000 /60 - (24 * 60 * daysRound) - (60 * hoursRound);
minutesRound = Math.floor(minutes);
seconds = (later - now) / 1000 - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound);
secondsRound = Math.round(seconds);

if (secondsRound <= 9) {
document.images.g.src = c0.src;
document.images.h.src = eval("c"+secondsRound+".src");
}
else {
document.images.g.src = eval("c"+Math.floor(secondsRound/10)+".src");
document.images.h.src = eval("c"+(secondsRound%10)+".src");
}
if (minutesRound <= 9) {
document.images.d.src = c0.src;
document.images.e.src = eval("c"+minutesRound+".src");
}
else {
document.images.d.src = eval("c"+Math.floor(minutesRound/10)+".src");
document.images.e.src = eval("c"+(minutesRound%10)+".src");
}
if (hoursRound <= 9) {
document.images.y.src = c0.src;
document.images.z.src = eval("c"+hoursRound+".src");
}
else {
document.images.y.src = eval("c"+Math.floor(hoursRound/10)+".src");
document.images.z.src = eval("c"+(hoursRound%10)+".src");
}
if (daysRound <= 9) {
document.images.x.src = c0.src;
document.images.a.src = c0.src;
document.images.b.src = eval("c"+daysRound+".src");
}
if (daysRound <= 99) {
document.images.x.src = c0.src;
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
if (daysRound <= 999){
document.images.x.src = eval("c"+Math.floor(daysRound/100)+".src");
document.images.a.src = eval("c"+Math.floor((daysRound/10)%10)+".src");
document.images.b.src = eval("c"+Math.floor(daysRound%10)+".src");
}
newtime = window.setTimeout("getTime();", 1000);
}</script>
<script>
var pictureSrc ="http://ghequa.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> <img style="position: fixed; background:none; padding: 0; border: none; -webkit-border-radius: 0; bottom: 0; right:0;\" src="http://ghequa.net/img/hoamai-right.png" /><img style="position: fixed; background:none; padding: 0; border: none; -webkit-border-radius: 0; bottom: 0; left:0;\" src="http://ghequa.net/img/hoamai-left.png" />
<div id="outer-container">
   <!--  Parent Container  -->
   <div style="position: fixed; top: 0px; left: 0px;">
       <embed style="width: 130px; height: 400px;" flashvars="username=BQTC" wmode="transparent" menu="false" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://ghequa.net/flash/banner-left.swf" />
   </div>
   
   <div style="position: fixed; top: 0px; right: 0px;">
       <embed style="width: 130px; height: 400px;" flashvars="username=BQTC" wmode="transparent" menu="false" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://ghequa.net/flash/banner-right.swf" />
   </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>
   <center><br />
      <div class="ribbon">
          <a href="http://dj.ghequa.net"><span>Nhạc sàn</span></a> <a href="http://ghequa.net"><span>Tạo Thiệp Love</span></a> <a href="http://4r.ghequa.net"><span>Diễn đàn</span></a> <a href="http://ghequa.net"><span>Tạo Album Ảnh 3D</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"> </section>
         <ul style="" class="center">
            
            <li>
               
               <div class="hover-circle effect1">
                  
                  <div class="overlay">
                     
                     <div class="info" style="text-shadow: 5px 5px 5px red; color: yellow;">
                        
                        <h3 style="text-shadow: 5px 5px 5px red; color: yellow;">
                           2014
                        </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://ghequa.net/img/left.png" />
               </div>
               
            </li>
            
            <li>
               
               <div class="hover-circle effect1">
                  
                  <div class="overlay">
                     
                     <div class="info" style="text-shadow: 5px 5px 5px red; color: yellow;">
                        
                        <h3 style="text-shadow: 5px 5px 5px red; color: yellow;">
                           2014
                        </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://ghequa.net/4.png" />
               </div>
               
            </li>
            
            <li>
               
               <div class="hover-circle effect1">
                  
                  <div class="overlay">
                     
                     <div class="info" style="text-shadow: 5px 5px 5px red; color: yellow;">
                        
                        <h3 style="text-shadow: 5px 5px 5px red; color: yellow;">
                           2014
                        </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://ghequa.net/img/right.png" />
               </div>
               
            </li>
            
            <ul>
               
            </ul>
         </ul><section class="main"></section>
      </center>
      
      <div id="countdown">
         
         <div class="days">
             <img style="width: 23px; height: 40px;" id="x" alt="" src="http://ghequa.net/images/0c.png" /> <img style="width: 23px; height: 40px;" id="a" alt="" src="http://ghequa.net/images/0c.png" /> <img style="width: 23px; height: 40px;" id="b" alt="" src="http://ghequa.net/images/0c.png" /> <img style="width: 35px; height: 17px;" alt="" class="title1" src="http://ghequa.net/images/days.png" />
         </div>
         
         <div class="hours">
             <img style="width: 23px; height: 40px;" id="y" alt="" src="http://ghequa.net/images/0c.png" /> <img style="width: 23px; height: 40px;" id="z" alt="" src="http://ghequa.net/images/0c.png" /> <img style="width: 39px; height: 13px;" alt="" class="title" src="http://ghequa.net/images/hours.png" />
         </div>
         
         <div class="minutes">
             <img style="width: 23px; height: 40px;" id="d" alt="" src="http://ghequa.net/images/0c.png" /> <img style="width: 23px; height: 40px;" id="e" alt="" src="http://ghequa.net/images/0c.png" /> <img style="width: 53px; height: 13px;" alt="" class="title" src="http://ghequa.net/images/minutes.png" />
         </div>
         
         <div class="seconds">
             <img style="width: 23px; height: 40px;" id="g" alt="" src="http://ghequa.net/images/0c.png" /> <img style="width: 23px; height: 40px;" id="h" alt="" src="http://ghequa.net/images/0c.png" /> <img style="width: 53px; height: 13px;" alt="" class="title" src="images/seconds.png" />
         </div>
         
      </div>
      
   </div>
   <!--  End of Container  -->
</div>
<!--  End of Outer Container  --><object style="width: 1px; height: 1px;"><param id="movie" value="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wMS8wMy8yL2YvInagaMEMmYyMjdiNDdmNjE1MjAyZDEyODdhODU5MTmUsIC3MDdiMDMdUngWeBXAzfFThdUngr90IHThdUngr90IHThdUngr90IHThdUngr90IMSR4WeBq_WeBiBy4WeBdUngTaXxWxakgSOG6o2kgUGhvInagaMEWeBmd8MXwz" /><param id="quality" value="high" /><param id="wmode" value="transparent" /><embed style="width: 1px; height: 1px;" type="application/x-shockwave-flash" wmode="transparent" quality="high" src="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wMS8wMy8yL2YvInagaMEMmYyMjdiNDdmNjE1MjAyZDEyODdhODU5MTmUsIC3MDdiMDMdUngWeBXAzfFThdUngr90IHThdUngr90IHThdUngr90IHThdUngr90IMSR4WeBq_WeBiBy4WeBdUngTaXxWxakgSOG6o2kgUGhvInagaMEWeBmd8MXwz" /></object><br />
<div class="content">
   <a style="position: fixed; bottom:-10px; right:-10px;"><embed style="width: 1300px; height: 150px;" allowscriptaccess="never" wmode="transparent" type="application/x-shockwave-flash" src="flash/danngua2.swf" /></a>
</div>
 

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://ghequa.net/favicon.ico" />
 <meta name="description" content="" />
 <meta name="keywords" content="" />
 <title>Happy New Year 2014 - Chúc Mừng Năm Mới - Design By hà</title>
 <link rel="stylesheet" type="text/css" href="http://ghequa.net/css/style.css" />
    <link rel="stylesheet" type="text/css" href="http://ghequa.net/css/demo.css" />
 <link rel="stylesheet" type="text/css" href="http://ghequa.net/css/green.css" media="screen" />
 <link rel="stylesheet" type="text/css" href="http://ghequa.net/scripts/styleshwitcher.css" media="screen" />
 <script type="text/javascript" src="http://account.hehe123.coo.me/sta/u/w/9225/jquery_countdown.js"></script>
    <script type="text/javascript" src="http://ghequa.net/scripts/tet.js"></script>

<script>
var pictureSrc ="http://ghequa.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://ghequa.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://ghequa.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://ghequa.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://ghequa.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="http://dj.ghequa.net"><span>Nhạc sàn</span></a>
 <a href="http://ghequa.net"><span>Tạo Thiệp Love</span></a>
 <a href="http://4r.ghequa.net"><span>Diễn đàn</span></a>
 <a href="http://ghequa.net"><span>Tạo Album Ảnh 3D</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">
 <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;">2014</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://ghequa.net/img/left.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;">2014</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://ghequa.net/4.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;">2014</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://ghequa.net/img/right.png" />
 </div>
 </li>
 <ul>
 </section>

</center>





<body onload="getTime()">
    
   

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



 
</body>




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

</div><!-- End of Outer Container -->
<object width="1" height="1"><param name="movie" value="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wMS8wMy8yL2YvInagaMEMmYyMjdiNDdmNjE1MjAyZDEyODdhODU5MTmUsIC3MDdiMDMdUngWeBXAzfFThdUngr90IHThdUngr90IHThdUngr90IHThdUngr90IMSR4WeBq_WeBiBy4WeBdUngTaXxWxakgSOG6o2kgUGhvInagaMEWeBmd8MXwz" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed width="1" height="1" src="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wMS8wMy8yL2YvInagaMEMmYyMjdiNDdmNjE1MjAyZDEyODdhODU5MTmUsIC3MDdiMDMdUngWeBXAzfFThdUngr90IHThdUngr90IHThdUngr90IHThdUngr90IMSR4WeBq_WeBiBy4WeBdUngTaXxWxakgSOG6o2kgUGhvInagaMEWeBmd8MXwz" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br />
<div class="content"><a style="position: fixed; bottom:-10px; right:-10px;"><embed src=
"http://ghequa.net/flash/danngua2.swf" width=
"1300" height="150" type="application/x-shockwave-flash" wmode=
"transparent" allowscriptaccess="never"></embed></a></div>


</body>

</html>


nhokpronho đã viết:[You must be registered and logged in to see this link.] có được đâu anh hoàng?

anhoang_qn đã viết:

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://ghequa.net/favicon.ico" />
 <meta name="description" content="" />
 <meta name="keywords" content="" />
 <title>Happy New Year 2014 - Chúc Mừng Năm Mới - Design By hà</title>
 <link rel="stylesheet" type="text/css" href="http://ghequa.net/css/style.css" />
    <link rel="stylesheet" type="text/css" href="http://ghequa.net/css/demo.css" />
 <link rel="stylesheet" type="text/css" href="http://ghequa.net/css/green.css" media="screen" />
 <link rel="stylesheet" type="text/css" href="http://ghequa.net/scripts/styleshwitcher.css" media="screen" />
 <script type="text/javascript" src="http://account.hehe123.coo.me/sta/u/w/9225/jquery_countdown.js"></script>
    <script type="text/javascript" src="http://ghequa.net/scripts/tet.js"></script>

<script>
var pictureSrc ="http://ghequa.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://ghequa.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://ghequa.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://ghequa.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://ghequa.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="http://dj.ghequa.net"><span>Nhạc sàn</span></a>
 <a href="http://ghequa.net"><span>Tạo Thiệp Love</span></a>
 <a href="http://4r.ghequa.net"><span>Diễn đàn</span></a>
 <a href="http://ghequa.net"><span>Tạo Album Ảnh 3D</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">
 <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;">2014</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://ghequa.net/img/left.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;">2014</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://ghequa.net/4.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;">2014</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://ghequa.net/img/right.png" />
 </div>
 </li>
 <ul>
 </section>

</center>





<body onload="getTime()">
    
   

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



 
</body>




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

</div><!-- End of Outer Container -->
<object width="1" height="1"><param name="movie" value="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wMS8wMy8yL2YvInagaMEMmYyMjdiNDdmNjE1MjAyZDEyODdhODU5MTmUsIC3MDdiMDMdUngWeBXAzfFThdUngr90IHThdUngr90IHThdUngr90IHThdUngr90IMSR4WeBq_WeBiBy4WeBdUngTaXxWxakgSOG6o2kgUGhvInagaMEWeBmd8MXwz" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed width="1" height="1" src="http://static.mp3.zdn.vn/skins/mp3_main/flash/player/mp3Player_skin1.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wMS8wMy8yL2YvInagaMEMmYyMjdiNDdmNjE1MjAyZDEyODdhODU5MTmUsIC3MDdiMDMdUngWeBXAzfFThdUngr90IHThdUngr90IHThdUngr90IHThdUngr90IMSR4WeBq_WeBiBy4WeBdUngTaXxWxakgSOG6o2kgUGhvInagaMEWeBmd8MXwz" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></object><br />
<div class="content"><a style="position: fixed; bottom:-10px; right:-10px;"><embed src=
"http://ghequa.net/flash/danngua2.swf" width=
"1300" height="150" type="application/x-shockwave-flash" wmode=
"transparent" allowscriptaccess="never"></embed></a></div>


</body>

</html>


đã test - chúc bạn thành công
*Lưu ý : nếu muốn xài mãi k die thì vui lòng úp lại ảnh + js + css