Share Code Tuyết rơi Noel trang trí cho Website

09/12/2017

Lại chuẩn bị một mua noel lại đến, sáng nay thức dậy đã thấy không khí lạnh tràn về. Một cảm giác nao nao khó tả. Đường phố đang rộng ràng sắc đỏ. Nào là ông già noel, nào là cây thông, rồi chuông, quà, nón noel được bày bán khắp đường phố. Các cửa hàng, siêu thị cũng bắt đầu tất bật trang trí, dánh ảnh, trưng bày chào đón một mùa noel mới sắp đến. Website bắt đầu chỉnh code tuyết rơi

Hòa mình vào không khí Noel năm nay. AnonyViet cũng chỉnh chu lại Website, gắn thêm cây thông, cành tùng, cái chuông, tuyết rơi để cho có không khí với mọi người. Mọi người vào Website của AnonyViet chắc cũng thấy rồi ha.

Tất nhiên đến với AnonyViet thì mọi kiến thức đều miễn phí, AnonyViet làm được thì bạn sẽ làm được. Trên tinh thần đó, hôm nay mình sẽ hướng dẫn các bạn trang trí Noel tuyết rơi cho Website.

Mục lục bài viết:

1 Nội dung Code Tuyết rơi trang trí Website :
2 Cách sử dụng Code Noel tuyết rơi
- 2.1 Đối với các loại Website bình thường thì code sẽ là
- 2.2 Đối với WordPress thì code sẽ là

Nội dung Code Tuyết rơi trang trí Website :

3 bộ chuông, bong bóng, cây thông trang trí noel ở 3 góc: trên phải, trên trái, dưới trái
Dãy tuyết trắng ở chân trang (Footer)
Tuyết rơi xung quanh trang

Cách sử dụng Code Noel tuyết rơi

Bạn chỉ cần copy đoạn mã này vào giữa <head> và </head> của Website

<script type="text/javascript" src="https://anonyviet.com/php/tuyetroi/noel.js"></script>

1	<script type="text/javascript" src="https://anonyviet.com/php/tuyetroi/noel.js"></script>

Đối với các loại Website bình thường thì code sẽ là

<!DOCTYPE html>
<html>

<head>
  <title>Website trang trí noel tuyết roi</title>
  <script type="text/javascript" src="https://anonyviet.com/php/tuyetroi/noel.js"></script>
</head>

<body>
Đây là Website trang trí noel của AnonyViet
</body>

</html>

<!DOCTYPE html>

<html>

<head>

<title>Website trang trí noel tuyết roi</title>

</head>

<body>

Đây là Website trang trí noel của AnonyViet

</body>

</html>

Đối với WordPress thì code sẽ là

Bạn vào thư mục /wp-content/themes/tên-theme

Mở file header.php lên, và copy đoạn mã Javascript vào phía trên đoạn </head>

Nếu bạn muốn trang trí bằng hình ảnh khác, có thể tải file noel.js về, rồi chỉnh lại đường dẫn hình ảnh ở trong code.

Hoặc copy nội dung Code tuyết rơi Noel trang trí cho Website:

document.write('<style type="text/css">body{padding-bottom:20px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://anonyviet.com/php/tuyetroi/topleft.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://anonyviet.com/php/tuyetroi/topright.png"/><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(https://anonyviet.com/php/tuyetroi/footer-christmas.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="https://anonyviet.com/php/tuyetroi/bottomleft.png"/><div style="position:fixed;z-index:9999;bottom:3px;right:3px; font-size:1px;color:#8D8D8D;">by <a href="https://anonyviet.com">AnonyViet</a></div>');
var no = 100;
var hidesnowtime = 0;
var snowdistance = 'pageheight';
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById && !document.all) ? 1 : 0;

function iecompattest() {
	return (document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.body
}
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800,
	doc_height = 600;
if (ns6up) {
	doc_width = self.innerWidth;
	doc_height = self.innerHeight
} else if (ie4up) {
	doc_width = iecompattest().clientWidth;
	doc_height = iecompattest().clientHeight
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++i) {
	dx[i] = 0;
	xp[i] = Math.random() * (doc_width - 50);
	yp[i] = Math.random() * doc_height;
	am[i] = Math.random() * 20;
	stx[i] = 0.02 + Math.random() / 10;
	sty[i] = 0.7 + Math.random();
	if (ie4up || ns6up) {
		document.write('<div id="dot' + i + '" style="POSITION:absolute;Z-INDEX:' + i + ';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span></div>')
	}
}

function snowIE_NS6() {
	doc_width = ns6up ? window.innerWidth - 10 : iecompattest().clientWidth - 10;
	doc_height = (window.innerHeight && snowdistance == 'windowheight') ? window.innerHeight : (ie4up && snowdistance == 'windowheight') ? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance == 'pageheight') ? iecompattest().scrollHeight : iecompattest().offsetHeight;
	for (i = 0; i < no; ++i) {
		yp[i] += sty[i];
		if (yp[i] > doc_height - 50) {
			xp[i] = Math.random() * (doc_width - am[i] - 30);
			yp[i] = 0;
			stx[i] = 0.02 + Math.random() / 10;
			sty[i] = 0.7 + Math.random()
		}
		dx[i] += stx[i];
		document.getElementById('dot' + i).style.top = yp[i] + 'px';
		document.getElementById('dot' + i).style.left = xp[i] + am[i] * Math.sin(dx[i]) + 'px'
	}
	snowtimer = setTimeout('snowIE_NS6()', 10)
}

function hidesnow() {
	if (window.snowtimer) {
		clearTimeout(snowtimer)
	}
	for (i = 0; i < no; i++) document.getElementById('dot' + i).style.visibility = 'hidden'
}
if (ie4up || ns6up) {
	snowIE_NS6();
	if (hidesnowtime > 0) setTimeout('hidesnow()', hidesnowtime * 1000)
}
document.write('<script src="https://anonyviet.com/php/tuyetroi/popup_newtab_time.js"></script>');

document.write('<style type="text/css">body{padding-bottom:20px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://anonyviet.com/php/tuyetroi/topleft.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://anonyviet.com/php/tuyetroi/topright.png"/><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(https://anonyviet.com/php/tuyetroi/footer-christmas.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="https://anonyviet.com/php/tuyetroi/bottomleft.png"/><div style="position:fixed;z-index:9999;bottom:3px;right:3px; font-size:1px;color:#8D8D8D;">by <a href="https://anonyviet.com">AnonyViet</a></div>');

var no = 100;

var hidesnowtime = 0;

var snowdistance = 'pageheight';

var ie4up = (document.all) ? 1 : 0;

var ns6up = (document.getElementById && !document.all) ? 1 : 0;

function iecompattest() {

return (document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.body

}

var dx, xp, yp;

var am, stx, sty;

var i, doc_width = 800,

doc_height = 600;

if (ns6up) {

doc_width = self.innerWidth;

doc_height = self.innerHeight

} else if (ie4up) {

doc_width = iecompattest().clientWidth;

doc_height = iecompattest().clientHeight

}

dx = new Array();

xp = new Array();

yp = new Array();

am = new Array();

stx = new Array();

sty = new Array();

for (i = 0; i < no; ++i) {

dx[i] = 0;

xp[i] = Math.random() * (doc_width - 50);

yp[i] = Math.random() * doc_height;

am[i] = Math.random() * 20;

stx[i] = 0.02 + Math.random() / 10;

sty[i] = 0.7 + Math.random();

if (ie4up || ns6up) {

document.write('<div id="dot' + i + '" style="POSITION:absolute;Z-INDEX:' + i + ';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span></div>')

}

function snowIE_NS6() {

doc_width = ns6up ? window.innerWidth - 10 : iecompattest().clientWidth - 10;

doc_height = (window.innerHeight && snowdistance == 'windowheight') ? window.innerHeight : (ie4up && snowdistance == 'windowheight') ? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance == 'pageheight') ? iecompattest().scrollHeight : iecompattest().offsetHeight;

for (i = 0; i < no; ++i) {

yp[i] += sty[i];

if (yp[i] > doc_height - 50) {

xp[i] = Math.random() * (doc_width - am[i] - 30);

yp[i] = 0;

stx[i] = 0.02 + Math.random() / 10;

sty[i] = 0.7 + Math.random()

}

dx[i] += stx[i];

document.getElementById('dot' + i).style.top = yp[i] + 'px';

document.getElementById('dot' + i).style.left = xp[i] + am[i] * Math.sin(dx[i]) + 'px'

}

snowtimer = setTimeout('snowIE_NS6()', 10)

}

function hidesnow() {

if (window.snowtimer) {

clearTimeout(snowtimer)

}

for (i = 0; i < no; i++) document.getElementById('dot' + i).style.visibility = 'hidden'

}

if (ie4up || ns6up) {

snowIE_NS6();

if (hidesnowtime > 0) setTimeout('hidesnow()', hidesnowtime * 1000)

}

document.write('<script src="https://anonyviet.com/php/tuyetroi/popup_newtab_time.js"></script>');

Với bài hướng dẫn này, hi vọng Webstie của bạn sẽ đón một mùa noel ấm áp bên các member. Hãy xem Website là ngôi nhà thứ 2 của mình, đừng quên dọn dẹp sạch sẽ, trang hoàng giao diện để chuẩn bị đón một mùa hạnh phúc nhé.