# 140: Стиль регистрации на форумах - CSS-хитрости

Содержание

Мы все еще по уши в форумах. В этом скринкасте мы рассмотрим страницу регистрации. Еще одна довольно важная страница, поскольку мы хотим, чтобы процесс участия в форумах был легким и приветливым, насколько это возможно.

Вначале мы немного нервничаем, думая, что будет безумная борьба, чтобы выяснить, какие файлы обновлять, чтобы изменить ситуацию наиболее разумным способом. У нас действительно есть небольшие проблемы, но мы находим на GitHub некоторую информацию, которая помогает нам понять. Мы становимся лучше в этом! Кроме того, в следующий раз мы уже будем бороться со всем необходимым контролем, и это будет проще. Хотя, и я уже говорил это раньше, мне бы очень хотелось однажды разместить это на bbPress, чтобы на всем сайте была система единой регистрации.

Как ни странно, мы впервые собираемся стилизовать «нормальную» форму. Форма поиска на сайте настолько индивидуальна, что для нас мало что дает. В форме комментариев мы закончили тем, что использовали подсказки для ввода вместо меток. Эта форма имеет традиционные метки, поэтому нам нужно написать немного CSS с нуля. Мы разбиваем его на части (_forms.scss), как мы обычно делаем для шаблонов проектирования, и придерживаемся стиля верхней метки.

Мы должны в конечном итоге установить max-height и overflow: auto для всплывающих окон, потому что Условия обслуживания для сайта отображаются во всплывающем окне, а оно слишком длинное. Надеюсь, это будет нормально для мобильных устройств - нам придется это посмотреть.

Мы запускаем CAPTCHA (просто предоставив ей несколько бесплатных ключей API), но ее отображение кажется немного странным. Скорее всего, это просто отклонение от имеющейся у меня странной конфигурации монитора.

В итоге мы немного изменим стиль для сообщений об ошибках, которые могут появиться при регистрации. Мы также обнаруживаем, что сообщения об ошибках оставляют желать лучшего, но, по крайней мере, мы можем заставить их выглядеть нормально.

Интересные статьи...