Chia sẻ code trang trí tết 2022 cho trang web
Bảo Minh Technology share mọi người code trang trí trang web ngày tết cho Blogger , Website . Code trang trí gồm có câu đối đỏ, bánh trưng xanh, hiệu ứng hoa đào rơi trên trang web…để trang trí Tết 2022 cho Website của các bạn mừng đón năm mới.
- Hai câu đối trang trí 2 bên left/right cho Website.
- Hiệu ứng hoa đào rơi trên nền website
- Ảnh ngày Tết gồm: bánh chưng xanh,dưa hấu,pháo hoa, em bé… ở dưới Bottom trang web.
Cách tiến hành: Copy đoạn code tiếp sau đây
- So với Website bình thường: đặt code dưới thẻ <toàn thân> trong Website của các bạn
- So với WordPress: đặt code dưới thẻ <head> thuộc file header.php
- So với Blogger: chọn Menu →Bố cục→Thêm tiện ích HTML/Javascript
Demo webiste dùng code : bdvkey.com/
Code
<style type="text/css"> .tet_left img, .tet_right img { width: 100%; height: tự động hóa; } .tet_left, .tet_right { position: fixed; top: 0; left: 0; z-index: 99; width: 191px; pointer-events: none; } .tet_right { left: tự động hóa; right: 0; width: 191px; } .tet_bottom { position: fixed; bottom: 0; left: 80px; z-index: 99; width: 320px; pointer-events: none; } @truyền thông (max-width: 1331px){ .tet_left, .tet_right, .tet_bottom{ display: none !important; } } </style> <div class="tet_left"><img src="https://baominh.tech/wp-content/uploads/2022/01/left-1.png" alternative text=""/></div> <div class="tet_right"><img src="https://baominh.tech/wp-content/uploads/2022/01/right-1.png" alternative text=""/></div> <div class="tet_bottom"> <img src="https://baominh.tech/wp-content/uploads/2022/01/bottom-1.png" alternative text=""/> </div> <script type="text/javascript"> var no = 20; if (matchMedia('only screen & (max-width: 767px)').matches) { no = 10 } let img_url = 'https://vietproit.com/wp-content/uploads/2022/01/hoadao.png'; var hidesnowtime = 0; var color_snow = '#fff'; var snowdistance = 'windowheight'; // windowheight or pageheight; var ie4up = (document.toàn bộ) ? 1 : 0; var ns6up = (document.getElementById && !document.toàn bộ) ? 1 : 0; function iecompattest() { return (document.compatMode && document.compatMode != 'BackCompat') ? document.documentElement : document.toàn thân } 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:fixed;Z-INDEX:'+(99+i)+';VISIBILITY:visible;TOP:15px;LEFT:15px;pointer-events: none;width:15px"><span style="font-size:18px;color:'+color_snow+'"><img src="'+img_url+'" alternative text=""></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) } </script>
Hoặc chúng ta có thể tải file txt của đoạn code trên tại đây
- Link Mediafire : https://vietproit.com/yQaI3gj
- Link TeleDrive : https://vietproit.com/uSqCID
LINK 1 - MAX SPEED LINK 2 - GOOGLE DRIVE LINK 3 - ONE DRIVE
* Note:
- Tất cả những file tải về nếu có Password giải nén sẽ được ghi ngay dưới Link tải, nếu Không mặc định sẽ là vietproit.com
- Nếu thấy phần mềm Hữu Ích, Các Bạn hãy mua bản quyền tại Website Chính thức để ủng hộ Nhà phát triển nhé.
- Các Bạn Hãy tham khảo Bài Viết hoặc xem video hướng dẫn trước khi Cài Đặt để tránh gặp phải lỗi trong Quá Trình Cài Đặt và Sử Dụng nhé.
Vui lòng tắt các Công Cụ chặn quảng cáo để có thể tải về được file từ Blog vietproit.com.
Quảng cáo là nguồn thu duy nhất của trang web để duy trì Hoạt Động, vì thế mong Các Bạn thông cảm và ủng hộ Admin.
Do Blog Cập Nhật Rất Nhiều phần mềm nên Các Bạn hãy gõ nội dung Mình cần vào ô tìm kiếm để tìm nhanh hơn.
Nếu Không tìm thấy nội dung mình tìm kiếm ở đây, Các Bạn hãy ghé qua Website khác của Admin là bdvkey.com nhé!
Fanpage : https://www.facebook.com/hocvienanimation
* Mọi góp ý hay báo Link hỏng, Mọi người vui lòng Comment Phía dưới, mình sẽ Trả Lời Sớm nhất.
Cảm ơn các bạn đã ghé thăm Blog VietProIT!