hostingger giá rẻ cho mọi người

Code CSS Tạo Trang Thông Báo Bảo Trì

Chào mọi người.

Ngồi loay hoay tìm hiểu việc phát triển blog bên Github định chuyển đổi sang đó, nhưng mà mất công quá nên mình dừng ngay ý định đó, nhưng lại thấy bài viết này chia sẽ về giao diện Bảo Trì cũng khá đẹp nên mình mang về chia sẽ cho anh em sữ dụng.
Giao diện này hoàn toàn đơn giản, và code cũng rất đơn giản. không phức tạp như anh em nghĩ về việc tạo trang bảo trì nhé.

Code CSS Tạo Trang Thông Báo Bảo Trì

Chúng ta bắt đầu nhé.

Việc đơn giản là mọi người chỉ cần bỏ đoạn code bên dưới vào trên thẻ </body> là xong.
<style type='text/css'>
/*<![CDATA[*/html:after {  content: "";  background: #fff url(https://i.imgur.com/TQ1MlZP.jpg) no-repeat;
  background-size: auto;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 100000;
  background-position: center;}body {  display:none;}@media screen and (max-width:800px) {  html:after {    
  background-size: contain;  }}/*]]>*/</style>

Ở phía trên đoạn code có link hình ảnh mình bôi đó, nếu mọi người thấy có hình ảnh nào đẹp về việc thông báo bảo trì thì thay vào nhé.

Chúc mọi người thành công với thủ thuật trên.

DEMO GIAO DIỆN

Post a Comment

Previous Post Next Post