Tutorial 2x Blinking Log In / Register Buttons - Nút đăng nhập / đăng ký nhấp nháy cho XenForo 2

Thảo luận trong 'Tips and Guides' bắt đầu bởi PVS, 30/05/2019.

  1. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    10,420
    Đã được thích:
    6,500
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Blinking Log In / Register Buttons - Nút đăng nhập / đăng ký nhấp nháy cho XenForo 2

    Tạo nút gọi hành động rất đơn giản nhưng hiệu quả, sẽ flash nút "Đăng nhập" của bạn sang chế độ xem nhỏ hơn, ẩn liên kết "Đăng ký", sau đó hoán đổi nó bằng nút "Đăng ký" trong chế độ xem lớn hơn khi hiển thị .

    Thêm đoạn code sau vào template Extra.less của bạn:
    Mã:
    @media screen and (max-width: 373px) {
        .p-navgroup-link.p-navgroup-link--logIn {
          -webkit-animation: blinkReg 1s infinite;  /* Safari 4+ */
          -moz-animation: blinkReg 1s infinite;  /* Fx 5+ */
          -o-animation: blinkReg 1s infinite;  /* Opera 12+ */
          animation: blinkReg 1s infinite;  /* IE 10+, Fx 29+ */
        }
    }
    @media screen and (min-width: 374px) {
        .p-navgroup-link.p-navgroup-link--register {
          -webkit-animation: blinkReg 1s infinite;  /* Safari 4+ */
          -moz-animation: blinkReg 1s infinite;  /* Fx 5+ */
          -o-animation: blinkReg 1s infinite;  /* Opera 12+ */
          animation: blinkReg 1s infinite;  /* IE 10+, Fx 29+ */
        }
    }
    @-webkit-keyframes blinkReg {
        to {
            background-color: fade(@xf-paletteNeutral3, 15%);
        }
    }
    Chúc các bạn thành công.

    Nguồn: xenforo.com​
     

Chia sẻ trang này