- Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html class=" gecko ff3 win js cufon-active cufon-ready" xmlns="http://www.w3.org/1999/xhtml"><head>
<link rel="shortcut icon" type="image/x-icon" href="http://www.fileden.com/files/2010/9/5/2961698//favicon(1).ico" />
<script>
var pictureSrc ="http://tructiepbongda.com/images/leagues/euro_2012.png"; //the location of the snowflakes
var pictureWidth = 30; //the width of the snowflakes
var pictureHeight = 30; //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>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { [You must be registered and logged in to see this link.]
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { [You must be registered and logged in to see this link.]
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { [You must be registered and logged in to see this link.]
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { [You must be registered and logged in to see this link.]
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">/* CSS RESETS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
text-decoration:none;
}
/* GLOBAL TYPOGRAPHY AND GENERAL STYLES */
body {font-family: Tahoma, Geneva, sans-serif; font-size:11px; line-height:15px; color:#333;}
h1, h2, h3, h4 {padding:18px 0 11px 0; line-height:19px; color:#333;}
h1 a, h2 a, h3 a, h4 a {text-decoration:none;}
h1 {font-size:17px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:13px;}
p {padding: 0 0 10px 0;}
a {color:#333; text-decoration:underline;}
a:hover {text-decoration:none;}
acronym {cursor: help; border-bottom: 1px dotted #555; }
code {margin: 10px 15px; padding: 10px; border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: normal;display:block; overflow:auto; text-align:left; }
blockquote {margin: 10px 15px; padding: 10px; border: 1px solid #CCC; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: normal; font-style:italic; }
strong {font-weight: bold; }
del {text-decoration: line-through;}
ul,ol {margin:0 0 0 20px;}
table {border-collapse: collapse; margin: 10px 0px;}
tr {}
tr:hover {}
th, td {text-align: left; border-width: 1px; border-style: solid; }
th {background-color: #666; padding: 10px 10px; border-color: #DDD; font-weight: bold; color: #FFF; }
td {border-color: #AAA; padding: 10px 10px; }
/* FOOTER */
#footer {background-image: url(http://i863.photobucket.com/albums/ab192/nhoxkulz1203/home/footer.png); width:600px; height:41px; background-repeat: no-repeat; color:#6a6a6a; font-size:12px; line-height:12px; position:relative;}
#footer a {text-decoration:none; color:#737373; padding:0 5px 0 3px; display:inline; }
#footer a:hover { color: #EEE;}
#footer .left { position:absolute; left:20px; top:14px; }
#footer .right { position:absolute; right:15px; top:14px;}
/* BASIC LAYOUT */
body { background: #222222 url(http://i863.photobucket.com/albums/ab192/nhoxkulz1203/home/bg_lights.jpg); background-position:top center; background-repeat: no-repeat; height:100%;}
#bgimg {width:100%; height:100%; background-image: url(http://i863.photobucket.com/albums/ab192/nhoxkulz1203/home/bg_stripes.png);text-align:center; background-repeat:repeat-x;}
#wrapper { width:615px; margin:0 auto; padding:10px 0 40px 0; text-align:left;}
/* HEADER */
#header { width:615px; height:42px; position:relative;}
#header .logo {float:left;}
#header .vcard_header {float:right; margin: 11px 29px 0 0; position:relative; }
</style>
<title>Welcome to chaokontum Forum</title>
<script type="text/javascript" src="http://codeforum.googlecode.com/files/jquery-latest.js"></script>
<script type="text/javascript" src="http://codeforum.googlecode.com/files/introboxes.js"></script>
<center><a href="/forum"><img style="position:absolute; top:100px;left:90px;" alt="" src="http://fifasoccerblog.com/files/2012/04/Euro2012_Interview-940x500.jpg
"/></a></center>
</head>
<body style="-moz-user-select: none; cursor: default;">
<div id="bgimg">
<div id="wrapper">
<div id="header">
<div class="logo">
</div>
</div>
<div id="content">
<div class="introbox_holder">
<div style="top: 25px;" class="introbox_about">
<a href="/forum" > <div style="opacity: 0;" class="introbox_about_active"></a></div>
</div><!-- END "introbox_about" -->
<div style="top: 25px;" class="introbox_contact">
<a href="/forum" ><div style="opacity: 0;" class="introbox_contact_active"></div></a>
</div><!-- END "introbox_contact" -->
</div><!-- END "introbox_holder" -->
</div><!-- END "content" -->
<div id="footer"><center><embed width="300" height="50" src="http://static.mp3.zing.vn/skins/default/flash/player/mp3Player_skin11.swf?xmlurl=http://mp3.zing.vn/blog?MjAxMi8wMy8xNi9mLzUvInagaMEZjVkYmM2YjU3ZWY4ZWI3YmFhNmIxMTkzYzAzODY2Y2YdUngWeBXAzfFBpZXJ3mUsIC3phIFBvInagaMEWeBHNrYSBQaW9zZW5rYSBFdXJvInagaMEIDIwMTIgU29dUngZyAcUIbaBIFZhmUsICmlvInagaMEdXN8xJBhWeBmmUsICgY-G6rXAgWeBmjhdUngq10fDF8NQ" quality="high" wmode="transparent" type="application/x-shockwave-flash"></embed></br>
</center>
<center><a href="/forum"><img style="position:absolute; top:190px; left:50px;" alt="" src="http://i1220.photobucket.com/albums/dd451/cktstore/p1.png"/></a></center>
</div><!-- END "footer" -->
</div><!-- END "wrapper" -->
</div><!-- END "bgimg" -->
</body></html>
<center> <a href="http://www.forumvi.com" target="_blank">Diễn đàn chaokontum được tài trờ bởi Forum-viet.com</a> </center>
No Comment.