Tutorial 2x Icons for Login and Register buttons - Thêm biểu tượng cho nút Login và Register của XenForo 2

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
Icons for Login and Register buttons - Thêm biểu tượng cho nút Login và Register của XenForo 2

Demo:

1514402893140.png

Thêm đoạn code sau vào template extra.less của bạn:
Mã:
/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    font-family: FontAwesome;
    content: "\f090";
    color: #E6BB5C;
    padding-right: 5px;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    font-family: FontAwesome;
    content: "\f084";
    color: #E6BB5C;
    padding-right: 5px;
}
/**********/

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


Nguồn: xenforo.com​
 

laan

Gefreiter
Tham gia
02/04/2018
Bài viết
53
Được Like
24
Icons for Login and Register buttons - Thêm biểu tượng cho nút Login và Register của XenForo 2

Demo:

Thêm đoạn code sau vào template extra.less của bạn:
Mã:
/* Icons for Login and Register buttons */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    font-family: FontAwesome;
    content: "\f090";
    color: #E6BB5C;
    padding-right: 5px;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    font-family: FontAwesome;
    content: "\f084";
    color: #E6BB5C;
    padding-right: 5px;
}
/**********/

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


Nguồn: xenforo.com


CHo e hỏi , tại sao CSS trên e không thấy cái link icon mà vẫn hiện icon bên cạnh login/reg đc ạ
 

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,728
Được Like
12,680
Bài này sử dụng biểu tượng Font Awesome nhé bạn, vì Font Awesome có sẵn rồi nên chỉ cần nhập code nó gọi ra thôi
 

laan

Gefreiter
Tham gia
02/04/2018
Bài viết
53
Được Like
24
Thank bác , thắc mắc nên hỏi vậy thôi :)
 

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom