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,686
    Đã được thích:
    6,565
    Đ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​
     
    Bài viết mới
    Fix giao diện mobile
    Fix giao diện mobile bởi evolution123, 18/08/2019 lúc 06:46:02
    Giúp thu gọn foooter
    Giúp thu gọn foooter bởi hatbuimo123, 17/08/2019 lúc 09:11:09

Chia sẻ trang này