HTML Trang Chủ Tết 2014[✔]

[mrnhock123]

Code:

<title>Mừng Xuân 2014 - XShop.Forumvi.Com</title><link rel="SHORTCUT ICON" href="http://i49.servimg.com/u/f49/17/19/76/14/stats10.gif" /><meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<center><embed type="application/x-shockwave-flash" src="http://congdd.vn/flash/banner_top.swf" style="width: 995px; height: 6px;" id="vidPlayer" name="vidPlayer" quality="high" wmode="transparent" />
</center><meta name="Generator" content="KioBooks" /><meta name="Author" content="mrhamchoi" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta http-equiv="Pragma" content="no-cache" /><meta http-equiv="Expires" content="-1" /><meta http-equiv="Cache-Control" content="no-cache" /><style>body{
   padding:0;
   margin:0;
   font-size:12px;
   color:#000;
   font-family:Arial;
   background:url('http://i57.servimg.com/u/f57/17/54/90/90/bg10.jpg');
}

img{
   border:0;
}

a,a:link,a:visited{
   color:#fff;
   text-decoration:none;
}

a:hover{
   color:yellow;
}
  
.clear{
   clear:both;
}

#container{
   width:100%;
   text-align:center;
}

#header-top{
   width:1000px;
   height:455px;
   background:url('http://i57.servimg.com/u/f57/17/54/90/90/header10.png') no-repeat scroll center top;

}
#header-bottom{
   width:1000px;
   height:455px;
   background:url('http://i971.photobucket.com/albums/ae197/banhuy52/img_zps6d3259b8.png') no-repeat scroll center bottom;

}
.flashheader{
   width:1000px;
   height:455px;
}
 
#menu{
   width:1000px;
   height:28px;
   background:url('http://i57.servimg.com/u/f57/17/54/90/90/menu1011.png') no-repeat scroll center top;
}

.link1 a{
   float:left;
   margin-left:180px;

   width:175px;
   line-height:28px;
   text-align:center;
   color:#ffffff;
   font-weight:bold;
}

.link2 a, .link3 a{
   float:left;
   margin-left:5px;

   width:75px;
   line-height:28px;
   text-align:center;
   color:#ffffff;
   font-weight:bold;
}

.link4 a{
   float:left;
   margin-left:5px;

   width:175px;
   line-height:28px;
   text-align:center;
   color:#ffffff;
   font-weight:bold;
}

.link1 a:hover, .link2 a:hover, .link3 a:hover, .link4 a:hover{
   color:#FFFF00;
}

.space{
   width:125px;
   height:28px;
   float:left
}

#footer{
   width:1000px;
   height:100px;
   background:url('http://i57.servimg.com/u/f57/17/54/90/90/footer11.png') no-repeat scroll center top;
}

#barfixed{
   position:fixed;
   bottom:0;
   width:100%;
   font-weight:bold;
   color:#FFFFFF;
   font-size:13px;
   background:url('http://i57.servimg.com/u/f57/17/54/90/90/fixedb10.png') repeat-x scroll center bottom;
}
#newsticker {
background: transparent;
clear: both;
height: 17px;
left: auto;
margin: auto;
overflow: hidden;
position: relative;

}
#marquee {
float: left;
overflow: visible;
position: relative;
right: 0px;
white-space: nowrap;
width: auto;
}</style><script>

var pictureSrc ="http://vietnamfsk.com/ngoisao/images/hoamai.png"; //the location of the snowflakes

var pictureWidth = 30; //the width of the snowflakes

var pictureHeight = 30; //the height of the snowflakes

var numFlakes = 5; //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>
<div id="container" style="margin: auto; min-width: 650px; width: 950px;">
   <div id="header-top">
      <div id="header-bottom">
         <div style="position: absolute; left: 0px; top: 0px; z-index: -1; min-width: 100%; width: auto;">
         </div>
      </div>
      <div id="menu">
         <div class="link1">
            <a href="http://xshop.forumvi.com/forum">Vào Diễn Đàn</a>
         </div>
         <div class="link2">
            <a href="http://xshop.forumvi.com/f2-forum">Góp Ý</a>
         </div>
         <div class="space">
         </div>
         <div class="link3">
            <a href="http://xshop.forumvi.com/contact">Liên Hệ</a>
         </div>
         <div class="link4">
            <a href="http://xshop.forumvi.com/t472-topic">Tuyễn Người Điều Hành</a>
         </div>
      </div>
      <div id="footer">
      </div>
   </div>
   <div id="barfixed">
      <***"border: 0px none ; width: 100%;" cellpadding="0" cellspacing="0">
         <tbody>
            <tr valign="bottom">
               <td align="right">
                  <div style="position: absolute; right: 0px; bottom: 0px; z-index: 1; width: 250px;">
                     <div style="position: fixed; top: 0px; left: 0px;"><img style="width: 160px; height: 600px;" src="http://i57.servimg.com/u/f57/18/48/63/02/banner11.png" type="application/x-shockwave-flash" allowscriptaccess="always" menu="false" wmode="transparent" flashvars="username=BQTC" />
                     </div>
                     <div style="position: fixed; top: 0px; right: 0px;"><img style="width: 160px; height: 600px;" src="http://i57.servimg.com/u/f57/18/48/63/02/banner10.png" type="application/x-shockwave-flash" allowscriptaccess="always" menu="false" wmode="transparent" flashvars="username=BQTC" />
                     </div>
                  </div>
               </td>
            </tr>
         </tbody>
      </table>
   </div><script type="text/javascript" src="ngoisao/ticker.js"></script><script language="javascript">






















//********** Copyright a6ltt.forum.st **********\\







ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;



ie4 = (document.all && !document.getElementById)? true : false;



ie5 = (document.all && document.getElementById)? true : false;



ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;



var txtA=new Array();



text=text.split('');



var x1=0;



var y1=-1000;



var t='';







for(i=1;i<=text.length;i++){



t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';



t+=beghtml+text[i-1]+endhtml;



t+=(ns4)? '</layer>' : '</div>';



}



document.write(t);







function moveid(id,x,y){



if(ns4)id.moveTo(x,y);



else{



id.style.left=x+'px';



id.style.top=y+'px';



}}







function animate(evt){



x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);



y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);



}







function getidleft(id){



if(ns4)return id.left;



else return parseInt(id.style.left);



}







function getidtop(id){



if(ns4)return id.top;



else return parseInt(id.style.top);



}







function getwindowwidth(){



if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;



else return window.innerWidth+pageXOffset;



}







function movetxts(){



for(i=text.length;i>1;i=i-1){



if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){



moveid(txtA[i-1],0,-1000);



moveid(txtA[i],0,-1000);



}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));



}



moveid(txtA[1],x1,y1);



}







window.onload=function()



{



for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);



if(ns4)document.captureEvents(Event.MOUSEMOVE);



document.onmousemove=animate;



setInterval('movetxts()',delay);



}





</script>
   <div align="center"><span style="top: 0px; left: 0px; position: absolute; width: 900px; height: 430px; z-index:1"><embed style="width: 650px; height: 250px;" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://vietnamfsk.com/ngoisao/fireworks.swf" type="application/x-shockwave-flash" wmode="transparent" menu="false" quality="high" /></span><span style="top: 50px; left: 500px; position: absolute; width: 700px; height: 330px; z-index:1"><embed style="width: 650px; height: 250px;" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://vietnamfsk.com/ngoisao/fireworks.swf" type="application/x-shockwave-flash" wmode="transparent" menu="false" quality="high" /></span>
   </div><a href="http://www.forumvi.com" target="_blank"></a>
</div><object style="width: 1px; height: 1px;"><param id="movie" value="http://www.nhaccuatui.com/m/WwaehzZ8yV" /><param id="quality" value="high" /><param id="wmode" value="transparent" /><param id="allowscriptaccess" value="always" /><param id="flashvars" value="autostart=true" /><embed style="width: 1px; height: 1px;" src="http://www.nhaccuatui.com/m/WwaehzZ8yV" flashvars="target=blank&autostart=true" allowscriptaccess="always" quality="high" wmode="transparent" type="application/x-shockwave-flash" /></object>
<center>
   <embed style="width: 1px; height: 1px;" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="never" src="http://nct.y1n9.com/flash/mediaplayer.swf?file=http://nct.y1n9.com/360PLUS/?id=http://mp3.zing.vn/bai-hat/Nhac-Chuong-Phao-Hoa-Dang-Cap-Nhat/IWAIFEEA.html&displayheight=-19&backcolor=0xE3007B&frontcolor=0xFFFFFF&lightcolor=0xFFFFFF&showdigits=true&showeq=true&showfsbutton=true&autostart=true&shuffle=false&repeat=true;volume=100&logo=link logo&height=1" />
</center>

Code:

<script src="http://tiendat.googlecode.com/files/tiendattuyetroi2012.js" type="text/javascript"></script>