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

PVS

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

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile: 0906081284

Zalo: 0988488096

Telegram: anhanhxf

Chỉ nhận web nội dung lành mạnh

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Top Bottom