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

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,734
Được Like
12,681
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​
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom