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

[PVS]

Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn

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.

​

1.) Thêm vào extra.css đoạn code sau:

#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

#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​