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]

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:

/* 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]

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

Demo:

View attachment 24511
​

Thêm đoạn code sau vào template extra.less của bạn:

/* 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]

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]

Thank bác , thắc mắc nên hỏi vậy thôi