# 140: Štýl prihlásenia do fóra Triky CSS

Anonim

Stále sme hlboko v oblasti fór. V tomto obrazovom vysielaní sa pozrieme na prihlasovaciu stránku. Ďalšou veľmi dôležitou stránkou je, aby skúsenosti s pripojením na fóra boli čo najjednoduchšie a najpríťažlivejšie.

Zo začiatku sme trochu nervózni a myslíme si, že to bude bláznivý boj so zisťovaním, ktoré súbory je potrebné aktualizovať, aby sa veci čo najchytrejšie zmenili. Trochu sa bojujeme, ale na GitHube nájdeme nejaké informácie, ktoré nám pomôžu porozumieť. V tomto sa zlepšujeme! Navyše, nabudúce sme už zápasili so všetkou potrebnou kontrolou a bude to jednoduchšie. Aj keď, a už som to predtým povedal, rád by som to jedného dňa dostal na bbPress, aby mala celá stránka jednotné prihlásenie.

Napodiv, prvýkrát navrhneme „normálnu“ formu. Vyhľadávací formulár na webe je taký obyčajný, že pre nás nerobí veľa vecí. Formulár komentára, ktorý sme nakoniec namiesto štítkov používali pomocou vstupných rád. Tento formulár má tradičné štítky, takže musíme písať nejaké CSS od nuly. Rozdelíme to na čiastočné (_forms.scss), ako to zvykneme robiť pre návrhové vzory, a ideme so štýlom najvyššej úrovne.

Musíme skončiť s nastavením maximálnej výšky a overflow: auto pre vyskakovacie okná, pretože zmluvné podmienky pre web sa zobrazujú vo vyskakovacom okne a je príliš dlhý. Dúfajme, že to bude pre mobil v poriadku - budeme si to musieť dávať pozor.

Rozbiehame program CAPTCHA (iba jednoduchá záležitosť dať mu nejaké bezplatné kľúče API), ale jeho zobrazenie sa zdá byť trochu funky. Pravdepodobne iba aberácia podivnej konfigurácie monitora, ktorú mám.

Nakoniec sa trochu stylizujeme pre chybové správy, ktoré je možné získať pri registrácii. Zistili sme tiež, že chybové správy nechávajú trochu želania, ale prinajmenšom ich môžeme presvedčiť, aby vyzerali dobre.