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

PVS

Cộng Sự Đặc Biệt
Thành viên BQT
Tham gia
28/02/2015
Bài viết
14,638
Được Like
10,891
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


Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Điện Lạnh Thịnh Phát
Top Bottom