Trang Chủ Tết Mang Đậm Chất 2014 By Lil Khang [✔]

by **lilkhangvn1994** 4/1/2014, 1:22 pm

Demo Góc : http://gamethuvn.wow3.info/

[hide]

Code:: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <title>Happy New Year 2014 - Chúc Mừng Năm Mới - GameThủVn.wOw3.Info</title> <link rel="stylesheet" type="text/css" href="http://12cfamily.info/css/style.css" /> <link rel="stylesheet" type="text/css" href="http://12cfamily.info/css/demo.css" /> <link rel="stylesheet" type="text/css" href="http://12cfamily.info/css/green.css" media="screen" /> <link rel="stylesheet" type="text/css" href="http://12cfamily.info/scripts/jquery.countdown.js" media="screen" /> <script type="text/javascript" src="scripts/jquery.countdown.js"></script> <script type="text/javascript" src="scripts/tet.js"></script> <script> var pictureSrc ="http://12cfamily.info/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 src="http://12cfamily.info/img/hoamai-right.png" style="position: fixed; background:none; padding: 0; border: none; -webkit-border-radius: 0; bottom: 0; right:0;\" /><img src="http://12cfamily.info/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">  <div style="position: fixed; top: 0px; left: 0px;"> <embed src="http://12cfamily.info/flash/banner-left.swf" type="application/x-shockwave-flash" allowscriptaccess="always" menu="false" wmode="transparent" flashvars="username=BQTC" style="width: 130px; height: 400px;" /> </div> <div style="position: fixed; top: 0px; right: 0px;"> <embed src="http://12cfamily.info/flash/banner-right.swf" type="application/x-shockwave-flash" allowscriptaccess="always" menu="false" wmode="transparent" flashvars="username=BQTC" style="width: 130px; height: 400px;" /> </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="/"><span>Trang Chủ</span></a> <a href="/forum"><span>Diễn Đàn</span></a> <a href="/h2-upanh"><span>Úp Ảnh</span></a> <a href="/register"><span>Đăng Kí Thành Viên</span></a> </div> </center> <br /><br /><br /> <div id="container">  <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 class="center" style=""> <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://12cfamily.info/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://12cfamily.info/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://12cfamily.info/img/right.png" /> </div> </li> <ul> </ul> </ul><section class="main"></section> </center> <table style="width: 980px; height: 124px;" align="center" background="http://i57.servimg.com/u/f57/16/18/15/10/banner15.png" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="left"> </td> </tr> </tbody> </table> </div>  </div> <iframe style="width: 0px; height: 0px;" allowfullscreen="true" frameborder="0" src="http://mp3.zing.vn/embed/song/ZWZEDCUF?autostart=true"></iframe> <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> <a href="http://www.forumvi.com" target="_blank"></a> <a href="http://www.forumvi.com" target="_blank" style="display:none">forumvi.com</a> <div align="center"> </div>

[<BÀI VIẾT NÀY KHÔNG BỊ ẨN>]
Trả lời thấy nội dung nhé

by **An Nguyễn** 4/1/2014, 2:24 pm

không có vụ ẩn Code nhé ! Với lại có phải là bản góc không vậy 3

by **tuanfcno1** 4/1/2014, 2:28 pm

giong cai nay
http://megacode.vn/files/view/code-chao-mung-xuan-2014-4555.html

by **lilkhangvn1994** 4/1/2014, 4:08 pm

ban~ goc cua~ vbb mak` tar chi edit lai thui :v

by **nhokpronho** 4/1/2014, 4:11 pm

Chia sẻ mà bạn để logo forum bạn trong code luôn là sao

by **lilkhangvn1994** 4/1/2014, 4:13 pm

cac ban co the~ thay dc mak`, no dau nam trong links css dau ^^

by **winner49** 4/1/2014, 5:00 pm

Bạn chỉ minh cách sửa lại logo đi. Thay logo chổ nào vậy?

by **mrnhock123** 4/1/2014, 5:30 pm

đây là code đẹp hoàn thiện nhất bạn nào muốn logo cho web mình thì xíu mình chỉ còn đây là code hoàn chỉnh

Code:: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <title>Happy New Year 2014 - Chúc Mừng Năm Mới </title> <link rel="stylesheet" type="text/css" href="http://12cfamily.info/css/style.css" /> <link rel="stylesheet" type="text/css" href="http://12cfamily.info/css/demo.css" /> <link rel="stylesheet" type="text/css" href="http://12cfamily.info/css/green.css" media="screen" /> <link rel="stylesheet" type="text/css" href="http://12cfamily.info/scripts/jquery.countdown.js" media="screen" /> <script type="text/javascript" src="scripts/jquery.countdown.js"></script> <script type="text/javascript" src="scripts/tet.js"></script> <script> var pictureSrc ="http://12cfamily.info/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 src="http://12cfamily.info/img/hoamai-right.png" style="position: fixed; background:none; padding: 0; border: none; -webkit-border-radius: 0; bottom: 0; right:0;\" /><img src="http://12cfamily.info/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">  <div style="position: fixed; top: 0px; left: 0px;"> <embed src="http://12cfamily.info/flash/banner-left.swf" type="application/x-shockwave-flash" allowscriptaccess="always" menu="false" wmode="transparent" flashvars="username=BQTC" style="width: 130px; height: 400px;" /> </div> <div style="position: fixed; top: 0px; right: 0px;"> <embed src="http://12cfamily.info/flash/banner-right.swf" type="application/x-shockwave-flash" allowscriptaccess="always" menu="false" wmode="transparent" flashvars="username=BQTC" style="width: 130px; height: 400px;" /> </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="/"><span>Trang Chủ</span></a> <a href="/forum"><span>Diễn Đàn</span></a> <a href="/h2-upanh"><span>Úp Ảnh</span></a> <a href="/register"><span>Đăng Kí Thành Viên</span></a> </div> </center> <br /><br /><br /> <div id="container">  <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 class="center" style=""> <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://12cfamily.info/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://12cfamily.info/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://12cfamily.info/img/right.png" /> </div> </li> <ul> </ul> </ul><section class="main"></section> </center> <table style="width: 980px; height: 124px;" align="center" background="" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="left"> </td> </tr> </tbody> </table> </div>  </div> <iframe style="width: 0px; height: 0px;" allowfullscreen="true" frameborder="0" src="http://mp3.zing.vn/embed/song/ZWZCOFIC?autostart=true"></iframe> <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="http://12cfamily.info/flash/danngua2.swf" /></a> </div> <a href="http://www.forumvi.com" target="_blank"></a> <a href="http://www.forumvi.com" target="_blank" style="display:none">forumvi.com</a> <div align="center"> </div>