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

AnonyViet — Sat, 09 Dec 2017 11:33:10 +0000

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.

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 và của Website

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





  Website trang trí noel tuyết roi
  



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

Đố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

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('
by AnonyViet');
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('*')
	}
}

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('');

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é.

code noel – AnonyViet

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

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

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

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

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