# 140: Styling av forumsregistrering - CSS-triks

Anonim

Vi er fortsatt nede dypt i Forums-området. I denne skjermsendingen ser vi på registreringssiden. En annen ganske viktig side da vi ønsker at opplevelsen av å bli med i forumene skal være enkel og imøtekommende som mulig.

Vi er litt nervøse i begynnelsen, og tenker at det kommer til å bli en gal kamp for å finne ut hvilke filer som skal oppdateres for å endre ting på en smarteste måte. Vi har litt av en kamp, ​​men finner litt informasjon på GitHub som hjelper oss å forstå. Vi blir bedre på dette! I tillegg har vi allerede kjempet all kontrollen vi trenger, og det blir lettere. Selv om, og jeg har sagt det før, vil jeg virkelig gjerne få dette på bbPress en dag, så hele siden har enkel pålogging.

Merkelig nok skal vi utforme en “normal” form for første gang. Søkeskjemaet på nettstedet er så tilpasset at det ikke gjør mye for oss. Kommentarskjemaet vi endte med å bruke inndatatips i stedet for etiketter. Dette skjemaet har tradisjonelle etiketter, så vi må skrive litt CSS fra bunnen av. Vi deler den inn i en delvis (_forms.scss) slik vi pleier å gjøre for designmønstre, og går med en topp etikettstil.

Vi må ende opp med å sette en maksimal høyde og overløp: auto for popup-vinduene fordi vilkårene for bruk av nettstedet vises i en popup og det er for langt. Forhåpentligvis vil dette være OK for mobil - vi må se på det.

Vi får CAPTCHA i gang (bare et enkelt spørsmål om å gi den noen gratis API-nøkler), men visningen av den virker litt funky. Sannsynligvis bare en avvik av den rare skjermkonfigurasjonen jeg har.

Vi ender med å gjøre litt styling for feilmeldingene som er mulig å få mens du registrerer deg. Vi oppdager også at feilmeldingene lar være å være ønsket, men i det minste kan vi få dem til å se OK ut.