# 140: Foorumien rekisteröinnin muotoilu - CSS-temppuja

Anonim

Olemme edelleen niskaan syvällä foorumialueella. Tässä kuvaruudussa katsomme rekisteröitymissivua. Toinen melko tärkeä sivu, koska haluamme, että kokemus foorumeihin liittymisestä on helppoa ja tervetullutta.

Olemme alussa hieman hermostuneita, ajattelemme, että tulee olemaan hullu taistelu selvittääksesi päivitettävät tiedostot muuttamaan asioita älykkäämmin. Meillä on vähän taistelua, mutta löydä GitHubista tietoa, joka auttaa meitä ymmärtämään. Parannumme tässä! Lisäksi seuraavalla kerralla olemme jo painineet kaiken tarvitsemamme hallinnan ja se on helpompaa. Vaikka ja olen sanonut sen aiemmin, haluaisin todella saada tämän bbPressille jonain päivänä, joten koko sivustolla on kertakirjautuminen.

Kummallista kyllä, me muotoilemme "normaalin" muodon ensimmäistä kertaa. Sivuston hakulomake on niin mukautettu, että se ei tee paljon meille. Kommenttilomake, jonka päädyimme käyttämään syötevinkkejä tarrojen sijaan. Tällä lomakkeella on perinteisiä tarroja, joten joudumme kirjoittamaan joitain CSS: n alusta. Jaamme sen osittaiseksi (_forms.scss), kuten meillä on tapana tehdä suunnittelumalleille, ja menemme huipputyyppisen tyylin kanssa.

Meidän on lopulta asetettava maksimikorkeus ja ylivuoto: auto ponnahdusikkunoille, koska sivuston käyttöehdot näkyvät ponnahdusikkunassa ja se on liian pitkä. Toivottavasti tämä on kunnossa mobiililaitteille - meidän on katsottava sitä.

Saamme CAPTCHA: n menemään (vain yksinkertainen asia antaa sille joitain ilmaisia ​​API-avaimia), mutta sen näyttö tuntuu hieman funky. Todennäköisesti vain poikkeama omituisesta näyttökokoonpanostani.

Loppujen lopuksi teemme hieman muotoilua virheilmoituksiin, jotka ovat mahdollisia rekisteröinnin yhteydessä. Huomaa myös, että virheilmoitukset jättävät vähän toivomisen varaa, mutta ainakin voimme saada ne näyttämään hyvältä.