# 140: Estilo de registro en foros - Trucos CSS

Anonim

Todavía estamos hundidos en el área de los foros. En este screencast miramos la página de registro. Otra página bastante importante ya que queremos que la experiencia de unirse a los foros sea lo más fácil y acogedora posible.

Al principio estamos un poco nerviosos, pensando que será una lucha loca averiguar qué archivos actualizar para cambiar las cosas de la manera más inteligente posible. Tenemos un poco de dificultad, pero encontramos información en GitHub que nos ayude a entender. ¡Estamos mejorando en esto! Además, la próxima vez, ya hemos luchado con todo el control que necesitamos y será más fácil. Aunque, y lo he dicho antes, realmente me encantaría tener esto en bbPress algún día para que todo el sitio tenga inicio de sesión único.

Por extraño que parezca, vamos a diseñar una forma "normal" por primera vez. El formulario de búsqueda en el sitio es tan personalizado que no nos ayuda mucho. En el formulario de comentarios terminamos usando sugerencias en la entrada en lugar de etiquetas. Este formulario tiene etiquetas tradicionales, por lo que tenemos que escribir algo de CSS desde cero. Lo dividimos en un parcial (_forms.scss) como solemos hacer con los patrones de diseño, y optamos por un estilo de etiqueta superior.

Tenemos que terminar configurando una altura máxima y un desbordamiento: automático para las ventanas emergentes porque los Términos de servicio para el sitio se muestran en una ventana emergente y es demasiado largo. Con suerte, esto estará bien para dispositivos móviles, tendremos que verlo.

Hacemos que el CAPTCHA funcione (solo una simple cuestión de darle algunas claves API gratuitas), pero la visualización parece un poco extraña. Probablemente solo sea una aberración de la extraña configuración del monitor que tengo.

Terminamos haciendo un poco de estilo para los mensajes de error que se pueden obtener al registrarse. También descubrimos que los mensajes de error dejan un poco que desear, pero al menos podemos conseguir que se vean bien.