Add icons to your registration form - Thêm biểu tượng vào mẫu đăng ký của bạn

PVS

Super Moderator
Thành viên BQT
Tham gia
28/02/2015
Bài viết
16,829
Được Like
12,687
Add icons to your registration form - Thêm biểu tượng vào mẫu đăng ký của bạn

Đây là một thay đổi đơn giản để làm nổi bật mẫu đăng ký của bạn. Điều này sẽ thêm các biểu tượng vào mỗi đầu vào lĩnh vực văn bản.

icons.png

1.) Thêm vào extra.css đoạn code sau:
Mã:
#ctrl_username {
background-image:url(linktoiconhere);
    background-position:8px;
    background-repeat:no-repeat;
}
#ctrl_email {
background-image:url(linktoiconhere);
    background-position:8px;
    background-repeat:no-repeat;
}
#ctrl_password {
background-image:url(linktoiconhere);
    background-position:8px;
    background-repeat:no-repeat;
}
#ctrl_confirm_password {
background-image:url(linktoiconhere);
    background-position:8px;
    background-repeat:no-repeat;
}

Lưu lại.

Tùy thuộc vào custom fields của bạn (nếu bạn có) hoặc QnA fields có thể được thêm vào như là tốt
Mã:
#ctrl_custom_field_howyouhear {
background-image:url(linktoiconhere);
    background-position:8px;
    background-repeat:no-repeat;
}
input[name=captcha_question_answer] {
background-image:url(linktoiconhere);
    background-position:8px;
    background-repeat:no-repeat;
}

Bạn có thể tìm icon tùy ý tại: https://www.iconfinder.com/

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


Nguồn: xenforo.com​
 

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

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mobile/Zalo: 0906081284

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