Trung thu là tết đoàn viên, là nét văn hóa truyền thống của người Việt Nam bởi nó mang cho mình nguồn gốc cũng như ý nghĩa đầy thú vị.
Hôm nay, Code Pro sẽ hướng dẫn các bạn trang trí blog/website đón trung thu tuyệt đẹp, cùng theo dõi ngay nào!
Các bước thực hiện
Bước 1: Thêm CSS cố định 2 bên trái, phải và ở góc dưới
.codepro-trungthu-left{position:fixed;top:0;left:0;width:166px;z-index:9999}
.codepro-trungthu-right{position:fixed;top:0;right:0;width:166px;z-index:9999}
.codepro-trungthu-bottom{position:fixed;bottom:-8px;left:0;width:333px;z-index:9999}
@media(max-width:1024px){.codepro-trungthu-left,.codepro-trungthu-right,.codepro-trungthu-bottom{display:none!important}}
Bước 2: Thêm phần hiển thị vào trước thẻ </body>
<a class="codepro-trungthu-left" href="https://www.code.pro.vn/2021/09/trang-tri-don-trung-thu-cho-blog-website-bang-hinh-anh-canh-hoa-mat-trang-long-den-va-ruoc-den.html"><img alt="Trang trí đón trung thu cho blog/website bằng hình ảnh cành hoa, mặt trăng, lồng đèn và rước đèn" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYCFrXfeRhqTBHq8uYgG6dsqAE0pyQR6PKakRV8OIjwWjZNrFamG1m5lMJrnVWbuqZIXw4T_06I9v7Vkdzd7XGIvtjAC12zXwX6tGkxo3zVDMhL7OlTOfVsf5NtYBsyEdNphuD6iDP0K2f/s0/canh-hoa-long-den-trung-thu.png"/></a>
<a class="codepro-trungthu-right" href="https://www.code.pro.vn/2021/09/trang-tri-don-trung-thu-cho-blog-website-bang-hinh-anh-canh-hoa-mat-trang-long-den-va-ruoc-den.html"><img alt="Trang trí đón trung thu cho blog/website bằng hình ảnh cành hoa, mặt trăng, lồng đèn và rước đèn" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb8YUwZFaUYfTHYX8ZA8zHPXzyqqXxKNtszJa3f1TnZpZGHOvICam0KHN50rJgSy1QvL42ku6ZJoMneY6zCM1Ty1nn11LG030bSkQCe2kmGDwAzDTfX-zwDbNiIBTOE2JMXCGY4I7VjvYd/s0/mat-trang-long-den-trung-thu.png"/></a>
<a class="codepro-trungthu-bottom" href="https://www.code.pro.vn/2021/09/trang-tri-don-trung-thu-cho-blog-website-bang-hinh-anh-canh-hoa-mat-trang-long-den-va-ruoc-den.html"><img alt="Trang trí đón trung thu cho blog/website bằng hình ảnh cành hoa, mặt trăng, lồng đèn và rước đèn" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT0XDqTxXJBckbH7BmPGZ7ufz8SNHrhsb2wP0oHmijHF1ADf9QPHAZIcqcqJvjIMlMwzcEP7ZZc8YlpNPaoF5P-TrhVCX3LQpZ7Ii9GCOXin_9lAGpF59MFAlwvfbn4fA3mB0EWZ3X3f4G/s0/ruoc-den-trung-thu.png"/></a>
Bước 3: Lưu lại và tận hưởng thành quả!
Lời kết
Trên đây là bộ code và hướng dẫn trang trí đón trung thu cho blog/website bằng hình ảnh cành hoa, mặt trăng, lồng đèn và rước đèn.
Chúc các bạn thành công và có một ngày làm việc thật hiệu quả. Xin chào và hẹn gặp lại!
