hosting gia re
  1. Chọn mua sim phong thuy hợp mệnh HOT [VNXF.VN] XenForo 1.5.14 Released HOT

    Kho sim so phong thuy giá rẻ HOT [AIRHOST.VN] Hosting giá rẻ Mua Ngay

    Mua sim so dep viettel giá rẻ HOT [VNXF.VN] Nhận Thiết Kế Forum Xenforo Dich vụ

    Trải nghiệm Phần mềm diệt virus miễn phí tốt nhất hiện nay. HOT

Other Pulsing Register Button - Hiệu ứng đập nhịp cho nút đăng ký XenForo 2

Thảo luận trong 'Template Modifications' bắt đầu bởi PVS, 14/09/2017.

Lượt xem: 942

  1. PVS

    PVS Cộng Sự Xuất Sắc Thành viên BQT Leecher

    Tham gia:
    28/02/2015
    Bài viết:
    7,575
    Đã được thích:
    5,665
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    SV
    Nơi ở:
    Huế
    Pulsing Register Button - Hiệu ứng đập nhịp cho nút đăng ký XenForo 2

    Bài viết này sẽ giúp các bạn thêm hiệu ứng đập nhịp cho nút đăng ký. Xem hình ảnh minh họa bên dưới để hiểu rõ hơn.

    image.gif
    Thêm đoạn code sau vào template extra.less:
    Mã:
    /* PULSE ANIMATION */
    .pulse {
        position: relative;
      box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
      cursor: pointer;
      -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
      animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    }
    .pulse:hover {
      -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
    }
    
    @-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
    @-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
    @-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
    @keyframes pulse {to {box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);}}
    Trong template PAGE_CONTAINER tìm:
    Mã:
    <span class="p-navgroup-linkText">{{ phrase('register') }}</span>
    Thay bằng:
    Mã:
    <span class="p-navgroup-linkText"><span class="pulse">{{ phrase('register') }}</span></span>
    Chúc các bạn thành công.


    Nguồn: xenforo.com​
     
    Bài viết mới
  2. Demo Pro

    Demo Pro Thượng Đế

    Tham gia:
    25/07/2017
    Bài viết:
    11
    Đã được thích:
    3
    Điểm thành tích:
    3
    Giới tính:
    Nam
    chỉ được mỗi xenforo 2 thôi à anh :D @PVS
     
  3. PVS

    PVS Cộng Sự Xuất Sắc Thành viên BQT Leecher

    Tham gia:
    28/02/2015
    Bài viết:
    7,575
    Đã được thích:
    5,665
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    SV
    Nơi ở:
    Huế
    ừ vì xen 2 nó có cấu trúc khác với xen 1 rồi nên mình nghĩ vậy, bạn test giúp mình xem xen 1 có xài được không nha :D
     
    Demo Pro thích bài này.
  4. Demo Pro

    Demo Pro Thượng Đế

    Tham gia:
    25/07/2017
    Bài viết:
    11
    Đã được thích:
    3
    Điểm thành tích:
    3
    Giới tính:
    Nam
    ừ để em test :p
     
  5. Demo Pro

    Demo Pro Thượng Đế

    Tham gia:
    25/07/2017
    Bài viết:
    11
    Đã được thích:
    3
    Điểm thành tích:
    3
    Giới tính:
    Nam
    ko được :v
     
    PVS thích bài này.
  6. PVS

    PVS Cộng Sự Xuất Sắc Thành viên BQT Leecher

    Tham gia:
    28/02/2015
    Bài viết:
    7,575
    Đã được thích:
    5,665
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nghề nghiệp:
    SV
    Nơi ở:
    Huế
    hii :)
     
  7. aviaiva

    aviaiva Thượng Đế

    Tham gia:
    01/03/2016
    Bài viết:
    267
    Đã được thích:
    213
    Điểm thành tích:
    43
    Nơi ở:
    hn
    cái này nó thuộc về css do trình duyệt có hỗ trợ hiển thị hay không mà thôi không liên quan đến xen 1 hay xen 2 chẳng qua là đặt code chưa đúng nên css nó không hoạt động. Nó tương tự với code css hiển thị người online.
     

Chia sẻ trang này