# 140: Stile per la registrazione ai forum - Trucchi CSS

Anonim

Siamo ancora nel profondo del collo nell'area dei Forum. In questo screencast guardiamo la pagina di registrazione. Un'altra pagina piuttosto importante perché vogliamo che l'esperienza di partecipare ai forum sia facile e accogliente possibile.

All'inizio siamo un po 'nervosi, pensando che sarà una folle lotta per capire quali file aggiornare per cambiare le cose nel modo più intelligente possibile. Abbiamo un po 'di difficoltà, ma troviamo alcune informazioni su GitHub che ci aiutano a capire. Stiamo migliorando in questo! Inoltre, la prossima volta, abbiamo già lottato con tutto il controllo di cui abbiamo bisogno e sarà più facile. Anche se, e l'ho già detto, mi piacerebbe davvero metterlo su bbPress un giorno, quindi l'intero sito ha il single-signon.

Stranamente, per la prima volta disegneremo una forma "normale". Il modulo di ricerca sul sito è così personalizzato che non fa molto per noi. Il modulo di commento che abbiamo finito per utilizzare suggerimenti in ingresso invece di etichette. Questo modulo ha etichette tradizionali, quindi dobbiamo scrivere un po 'di CSS da zero. Lo suddividiamo in un parziale (_forms.scss) come tendiamo a fare per i modelli di design e utilizziamo uno stile di etichetta superiore.

Dobbiamo finire per impostare un'altezza massima e un overflow: auto per i popup perché i Termini di servizio del sito vengono visualizzati in un popup ed è troppo lungo. Speriamo che questo vada bene per i dispositivi mobili: dovremo guardarlo.

Facciamo funzionare il CAPTCHA (è solo questione di dargli alcune chiavi API gratuite), ma la sua visualizzazione sembra un po 'strana. Probabilmente solo un'aberrazione della strana configurazione del monitor che ho.

Finiamo per creare un po 'di stile per i messaggi di errore che è possibile ricevere durante la registrazione. Scopriamo anche che i messaggi di errore lasciano un po 'a desiderare, ma almeno possiamo farli sembrare OK.