# 140: Стилове за регистрация във форуми - CSS-трикове

Anonim

Все още сме навътре в зоната на форумите. В този скрийнкаст разглеждаме страницата за регистрация. Друга доста важна страница, тъй като искаме опитът от присъединяването към форумите да бъде възможно най-лесен и приветлив.

В началото сме малко изнервени, мислейки, че ще бъде луда борба да разберем какви файлове да актуализираме, за да променим нещата по възможно най-умния начин. Имаме известна борба, но намерете малко информация в GitHub, която ни помага да разберем. Подобряваме се в това! Освен това, следващия път вече сме се преборили с целия контрол, от който се нуждаем, и ще бъде по-лесно. Въпреки това, и вече го казах, наистина бих искал да го кача на bbPress един ден, така че целият сайт да има единичен вход.

Колкото и да е странно, за първи път ще оформяме „нормална“ форма. Формата за търсене на сайта е толкова персонализирана, че не прави много за нас. Формулярът за коментар, който в крайна сметка използвахме подсказки при въвеждане, вместо етикети. Този формуляр има традиционни етикети, така че трябва да напишем някои CSS от нулата. Разделяме го на частичен (_forms.scss), както обикновено правим за дизайнерски модели, и използваме стила на най-горния етикет.

В крайна сметка трябва да зададем max-height и overflow: auto за изскачащите прозорци, тъй като Условията за обслужване на сайта се показват в изскачащ прозорец и е твърде дълго. Надяваме се, че това ще се оправи за мобилни устройства - ще трябва да го гледаме.

Включваме CAPTCHA (просто въпрос на предоставяне на безплатни API ключове), но дисплеят му изглежда малко фънки. Вероятно просто отклонение от странната конфигурация на монитора, която имам.

В крайна сметка правим малко стил за съобщенията за грешки, които е възможно да получим, докато се регистрираме. Също така откриваме, че съобщенията за грешки оставят малко да се желае, но поне можем да ги накараме да изглеждат добре.