Odtiaľ máme trochu makety aplikácie Photoshop, keď pokračujeme v vytváraní šablóny pre stránku individuálnej galérie.
Najskôr sme štylizovali odkazy Next a Previous. Sú v absolútne umiestnenom poli na paneli galérie, aby sme ich mohli na stránku vycentrovať aj napriek ďalším tlačidlám a veciam, ktoré sú už v paneli. Berú do rovnakej triedy ako tlačidlo Odoslať jeden, takže je tam stálosť.
Ďalej máme tento veľmi tenký ľavý stĺpec, do ktorého sa má dostať text. Začíname s mriežkou 1/8 7/8, ale 1/8 je len trochu príliš štíhla. Meníme to na 1/4 3/4, ale to je príliš. Takže ako legendárny medveď bol 1/6 5/6 správny.
V tomto úzkom stĺpci robíme typografické práce a pridávame názov (v
tag, samozrejme, pretože je to najdôležitejší nadpis na stránke), popis a ďalšie sekcie. Väčšina typografie jednoducho zapadne na miesto na základe nášho jednoduchého a stabilného nastavenia typografie.
Mriežka 5/6 je všetko pre obrázok. Pekné a veľké, čo je super. Má svetlošedé pozadie, rovnako ako obrázky v blogových príspevkoch (napr
Premýšľame o tom, že by sme sa mali trochu inšpirovať tým, ako upravujeme značky. Pozeráme sa okolo seba na CodePen (tu je odkaz na značku „tagy“, META ALERT). Nakoniec si myslíme, že je to nadmerné, a nechávame ich ako bežné odkazy.
Tlačidlo „plnej veľkosti“ nastavíme tak, aby fungovalo jedným z najjednoduchších spôsobov, ako môžeme, otvoríme nové okno, ktoré má rozmery obrázka v plnej veľkosti a zobrazuje obrázok. Je to ako modálny box zo začiatku roku 2000! Ale mám to rád. Je to jednoduché, nepotrebuje to veľa kódu (ako by to bol lightbox) a je zrejmé, že s ním interagujete. Je to ešte lepšie, ak sa ma spýtate.