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

Các bài viết liên quan

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.

Xem thêm: Hướng dẫn tự làm website đếm ngày yêu nhau cực dễ thương

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/resource/tuyetroi/noel.js"></script>

1	<script type="text/javascript" src="https://anonyviet.com/resource/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/resource/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/resource/tuyetroi/topleft.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://anonyviet.com/resource/tuyetroi/topright.png"/><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(https://anonyviet.com/resource/tuyetroi/footer-christmas.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="https://anonyviet.com/resource/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;
<div style="clear:both; margin-top:0em; margin-bottom:1em;"><a href="https://anonyviet.com/tai-source-code-he-dieu-hanh-ms-dos-v1-25-va-v2-0/" target="_blank" class="ua58841bf1969e5302f953ef56f06458d local-link"><!-- INLINE RELATED POSTS 2/3 //--><style> .ua58841bf1969e5302f953ef56f06458d { padding:0px; margin: 0; padding-top:1em!important; padding-bottom:1em!important; width:100%; display: block; font-weight:bold; background-color:#eaeaea; border:0!important; border-left:4px solid #F39C12!important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); text-decoration:none; } .ua58841bf1969e5302f953ef56f06458d:active, .ua58841bf1969e5302f953ef56f06458d:hover { opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; text-decoration:none; } .ua58841bf1969e5302f953ef56f06458d { transition: background-color 250ms; webkit-transition: background-color 250ms; opacity: 1; transition: opacity 250ms; webkit-transition: opacity 250ms; } .ua58841bf1969e5302f953ef56f06458d .ctaText { font-weight:bold; color:#16A085; text-decoration:none; font-size: 16px; } .ua58841bf1969e5302f953ef56f06458d .postTitle { color:#3498DB; text-decoration: underline!important; font-size: 16px; } .ua58841bf1969e5302f953ef56f06458d:hover .postTitle { text-decoration: underline!important; } </style><div style="padding-left:1em; padding-right:1em;"><span class="ctaText">Xem thêm:</span>  <span class="postTitle">Tải Source Code hệ điều hành MS-DOS v1.25 và v2.0</span></div></a></div>
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/resource/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/resource/tuyetroi/topleft.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://anonyviet.com/resource/tuyetroi/topright.png"/><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(https://anonyviet.com/resource/tuyetroi/footer-christmas.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:20px;left:20px" src="https://anonyviet.com/resource/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 = ;

var snowdistance = 'pageheight';

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

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

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 = ; i < no; ++i) {

dx[i] = ;

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 = ; i < no; ++i) {

yp[i] += sty[i];

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

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

yp[i] = ;

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 = ; i < no; i++) document.getElementById('dot' + i).style.visibility = 'hidden'

}

if (ie4up || ns6up) {

snowIE_NS6();

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

}

document.write('<script src="https://anonyviet.com/resource/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é.

Xem thêm: Fences 3 Full - Gom nhóm các Icon trên Desktop theo chức năng