Code trang trí Tết cho website cực đẹp

Gần đến Tết, chắc hẳn ai cũng muốn web của mình có chút màu mè, đẹp hơn. Hôm nay tui sẽ share code html cho anh em trang trí website ngày Tết cực đẹp nha <3

Hướng dẫn

Đầu tiên, dán đoạn mã sau ngay dưới thẻ <body> hoặc trên thẻ </body>.

            <div class="tet-2019">
              <img class="left-2019" id="left-2020" src="https://i0.wp.com/filess.us/files/5880fafbb53dbdbb4e0148aff783a7d9/a0d0ee0a7b2dedba9ea085e012d4d2d8/tet1.png?ssl=1" alt="tet1" title="Code trang trí Tết cho website cực đẹp 1" data-recalc-dims="1">
              <img class="right-2019" id="right-2020" src="https://i0.wp.com/filess.us/files/5a9713e082097fedd9582cd5002ca223/c4161f5fc677cb3b3aeb19690fcf0ebd/tet2.png?ssl=1" alt="tet2" title="Code trang trí Tết cho website cực đẹp 2" data-recalc-dims="1">
            </div>
            <style>
              #left-2020 {
                width: 130px;
                left: 0;
                z-index: 7;
                position: fixed;
                transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                -webkit-transition: all 0.3s linear
              }

              #right-2020 {
                width: 130px;
                right: 0;
                z-index: 7;
                position: fixed;
                transition: all 0.3s linear;
                -moz-transition: all 0.3s linear;
                -webkit-transition: all 0.3s linear
              }

              .left-2019 {
                top: 0px
              }

              .right-2019 {
                top: 0px
              }

              .text-2019-l {
                top: 50px
              }

              .text-2019-r {
                top: 50px
              }

              @media screen and (max-width:1024px) {
                .tet-2019 {
                  display: none
                }
              }

              @media screen and (max-width:1440px) {
                #shareduyblogs {
                  display: none
                }
              }
            </style>
            <script src="https://sharevip.net/files/2021/12/phaohoa.js"></script>
            <script type="text/javascript">
              var lastScroll = 0;
              jQuery(document).ready(function($) {
                $(window).scroll(function() {
                  var scroll = $(window).scrollTop();
                  if (scroll > lastScroll) {
                    $('#right-2020').removeClass('left-2019').addClass('text-2019-l')
                    $('#left-2020').removeClass('right-2019').addClass('text-2019-r')
                  } else if (scroll < lastScroll) {
                    $('#right-2020').addClass('left-2019').removeClass('text-2019-l')
                    $('#left-2020').addClass('right-2019').removeClass('text-2019-r')
                  }
                  lastScroll = scroll;
                })
              })
            </script>

Nếu muốn thêm nhạc, chèn thêm đoạn code sau trên .

<audio src="https://filess.us/files/4f3a2f2d1db96b67944a9140afcd1135/09ae7b374a4d70299e5e6f19067d3c84/Ng%C3%A0y%20Xu%C3%A2n%20Long%20Ph%E1%BB%A5ng%20Sum%20V%E1%BA%A7y%20-%20The%20Men.mp3" autoplay></audio>