# 140: Stylizacja rejestracji na forum - CSS-Tricks

Anonim

Nadal jesteśmy po szyję w obszarze forów. W tym screencastie patrzymy na stronę rejestracji. Kolejna dość ważna strona, ponieważ chcemy, aby dołączanie do forów było jak najbardziej łatwe i przyjemne.

Na początku jesteśmy trochę zdenerwowani, myśląc, że to będzie szalona walka, aby dowiedzieć się, które pliki zaktualizować, aby zmienić rzeczy w najmądrzejszy możliwy sposób. Trochę się kłócimy, ale w GitHub znajdujemy informacje, które pomogą nam to zrozumieć. Jesteśmy w tym coraz lepsi! Dodatkowo, następnym razem zmagaliśmy się już z całą potrzebną kontrolą i będzie łatwiej. Chociaż, jak już to powiedziałem, naprawdę chciałbym pewnego dnia umieścić to na bbPress, aby cała witryna miała pojedyncze logowanie.

O dziwo, po raz pierwszy będziemy stylizować „normalną” formę. Formularz wyszukiwania na stronie jest tak niestandardowy, że niewiele dla nas robi. W formularzu komentarza zamiast etykiet używaliśmy wskazówek wejściowych. Ta forma ma tradycyjne etykiety, więc musimy napisać CSS od podstaw. Dzielimy to na częściowe (_forms.scss), jak to zwykle robimy w przypadku wzorców projektowych, i wybieramy styl z najlepszych etykiet.

Musimy ustawić maksymalną wysokość i przepełnienie: auto dla wyskakujących okienek, ponieważ Warunki korzystania z usługi dla witryny są wyświetlane w wyskakującym okienku i są za długie. Miejmy nadzieję, że na komórkach będzie to OK - będziemy musieli to obejrzeć.

Rozpoczynamy CAPTCHA (wystarczy dać mu kilka darmowych kluczy API), ale jego wyświetlanie wydaje się trochę dziwne. Prawdopodobnie tylko aberracja dziwnej konfiguracji monitora, którą mam.

Kończymy trochę stylizując komunikaty o błędach, które można uzyskać podczas rejestracji. Odkrywamy również, że komunikaty o błędach pozostawiają trochę do życzenia, ale przynajmniej możemy sprawić, by wyglądały dobrze.