Styles 2x Thêm button yêu cầu Like để download Resource bằng code

Thảo luận trong 'Styles Xenforo' bắt đầu bởi thahtrung06, 09/04/2020.

  1. thahtrung06

    thahtrung06 Thượng Đế

    Tham gia:
    12/11/2019
    Bài viết:
    279
    Đã được thích:
    72
    Điểm thành tích:
    28
    Nghề nghiệp:
    IT
    Nơi ở:
    Hà Nội
    Web:
    Hôm nay, mình giới thiệu với các bạn cách thêm button yêu cầu Like để download Resource bằng code ngắn và đơn giản.
    Lưu ý:
    1. Button này chỉ mang tính chất làm rõ hơn yêu cầu bạn muốn đưa ra đối với thành viên là phải Like để download Resource.
    2. Button này chỉ hiển thị ở trang Tổng quan, ko hiển thị ở các trang còn lại.

    Đầu tiên, các bạn mở mẫu xfrm_resource_view và tìm đến dòng <div class="block-outer"> và chèn đoạn mã sau:
    Mã:
    <!-- This is place to write the code for XFRM information-->
                <div align="center">
                <div class="button"><i class="fas fa-smile"></i> You must click like in order to download this resource.
                <div class="button"><i class="fas fa-download"></i> You can download 20 resources per day.
                    </div></div></div>
                <!-- End of placement for code for XFRM Information -->
    Sau đó, mở file Extra.less và thêm mã sau:
    Mã:
    .button {
      background-color: #008CBA; /* Light Blue */
      border-radius: 12px;
      border: none;
      color: white;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
    }
    Thu được kết quả sau:
    [​IMG]
    Dưới đây là một tùy biến khác của mã trên:
    Tùy biến 1:

    [​IMG]
    Tùy biến 2:

    [​IMG]
     
    Quan tâm nhiều
    Bài viết mới
    Chỉnh sửa cuối: 10/04/2020
    quick87 thích bài này.

Chia sẻ trang này