# 140: Gaya Pendaftaran Forum - Trik CSS

Anonim

Kami masih jauh di dalam area Forum. Dalam screencast ini kita melihat halaman pendaftaran. Halaman lain yang agak penting karena kami ingin pengalaman bergabung dengan forum menjadi dan semudah dan sambut mungkin.

Kami sedikit gugup pada awalnya, berpikir itu akan menjadi perjuangan gila untuk mencari tahu file apa yang harus diperbarui untuk mengubah berbagai hal dengan cara yang paling cerdas. Kami memang mengalami sedikit kesulitan, tetapi menemukan beberapa informasi di GitHub yang membantu kami memahami. Kami menjadi lebih baik dalam hal ini! Plus, lain kali, kita sudah bergumul dengan semua kendali yang kita butuhkan dan itu akan lebih mudah. Meskipun, dan saya sudah mengatakannya sebelumnya, saya sangat ingin memasukkan ini ke bbPress suatu hari nanti sehingga seluruh situs memiliki sistem masuk tunggal.

Anehnya, kita akan menata bentuk "normal" untuk pertama kalinya. Formulir pencarian di situs ini sangat khusus sehingga tidak banyak membantu kami. Formulir komentar kami akhirnya menggunakan petunjuk masukan, bukan label. Formulir ini memiliki label tradisional, jadi kami harus menulis beberapa CSS dari awal. Kami memecahnya menjadi sebagian (_forms.scss) seperti yang cenderung kami lakukan untuk pola desain, dan menggunakan gaya label teratas.

Kita harus mengakhiri pengaturan max-height dan overflow: auto untuk popup karena Terms of Service untuk situs ditampilkan dalam popup dan itu terlalu panjang. Mudah-mudahan ini akan baik-baik saja untuk seluler - kita harus memperhatikannya.

Kami menjalankan CAPTCHA (hanya masalah sederhana dengan memberikan beberapa kunci API gratis), tetapi tampilannya tampak sedikit funky. Mungkin hanya penyimpangan dari konfigurasi monitor aneh yang saya miliki.

Kami akhirnya melakukan sedikit gaya untuk pesan kesalahan yang mungkin didapat saat mendaftar. Kami juga menemukan pesan kesalahan meninggalkan sedikit yang diinginkan, tetapi setidaknya kami bisa membuatnya terlihat OK.