Hướng dẫn Creating custom thread prefix CSS - Tạo tùy chỉnh prefix chủ đề CSS

Thảo luận trong 'Tips and Guides' bắt đầu bởi PVS, 11/02/2017.

  1. PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,755
    Đã được thích:
    7,003
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    Creating custom thread prefix CSS - Tạo tùy chỉnh prefix chủ đề CSS

    Chắc hẳn bạn sẽ muốn tạo riêng thread prefix CSS của bạn, vì vậy chủ đề này sẽ giúp bạn làm điều đó.

    Code sau đây nên được thêm vào EXTRA.css

    Trong ví dụ dưới đây, chúng ta sẽ tạo ra hai class; CTA1 và CTA2.
    Tất nhiên bạn có thể chọn bất cứ tên class bạn muốn.
    Mã:
    .prefix.prefixCTA1 {
    color: @textCtrlBackground;
    background-color: @primaryDarker;
    border-color: @primaryDark;
    }
        a.prefixLink:hover .prefix.prefixCTA1 {
        color: red;
        background-color: yellow;
        border-color: blue;
        }
    
    .prefix.prefixCTA2 {
    color: @textCtrlBackground;
    background-color: @primaryLightish;
    border-color: @primaryMedium;
    }
        a.prefixLink:hover .prefix.prefixCTA2 {
        color: black;
        background-color: white;
        border-color: red;
        }
    Như bạn có thể thấy, CSS là khá cơ bản chỉ bao gồm các văn bản, nền và màu sắc đường viền.
    Bạn có thể thêm bất cứ tạo kiểu bổ sung mà bạn thích.

    Mỗi class cũng có CSS khi di chuột, vì vậy cá nhân prefix có thể có hiệu ứng chuyển động khác nhau. Một lần nữa, CSS có thể được mở rộng cho phù hợp.

    Một khi bạn đã tạo CSS của bạn, chỉ cần chọn Other, sử dụng tùy chọn custom CSS class name cho các prefix trong câu hỏi, và nhập như sau: prefix prefixCTA1 (thay đổi CTA1 theo lên class mà bạn đã đặt)

    Lưu ý rằng không có dấu "." trước tên class và chúng được phân cách bởi một dấu cách.

    Nếu bạn có nhiều style cài đặt, bạn sẽ cần phải thêm code cho EXTRA.css trong mỗi style.
    Nó không phải là giống nhau, bạn có thể thay đổi nó cho phù hợp với từng style.

    Chúc các bạn thành công.


    Nguồn: bet365 có những phương thức nạp tiền nào_link vào bet365_điểm số trực tiếp bet365.rocks​
     
    dinhhai thích bài này.

Chia sẻ trang này