Od této chvíle máme k dispozici trochu makety Photoshopu, jak pokračujeme v budování šablony pro stránku jednotlivé galerie.
Nejprve jsme vytvořili styl odkazů Další a Předchozí. Jsou v absolutně umístěném poli v pruhu galerie, takže jsme je mohli vycentrovat na stránku i přes ostatní tlačítka a věci, které jsou již v pruhu. Berou stejnou třídu jako tlačítko Odeslat jeden, takže je tam stálost.
Dále máme tento velmi tenký levý sloupec, do kterého se má dostat text. Začínáme s mřížkou 1/8 7/8, ale 1/8 je trochu příliš štíhlá. Změnili jsme to na 1/4 3/4, ale to je moc. Stejně jako legendární medvídek byla 1/6 5/6 správná.
V tomto úzkém sloupci provádíme typografické práce a přidáváme do názvu (v
značka, samozřejmě, protože je to nejdůležitější nadpis na stránce), popis a další sekce. Většina typografie prostě zapadne na místo na základě našeho jednoduchého a robustního nastavení typografie.
Mřížka 5/6 je vše pro obrázek. Pěkné a velké, což je skvělé. Má světle šedé pozadí, stejně jako obrázky v příspěvcích na blogu (např
Přemýšlíme o tom, že bychom si měli trochu představit, jak stylujeme značky. Rozhlížíme se kolem CodePen (zde je odkaz na značku „tagy“, META ALERT). Nakonec si myslíme, že je to přehnané a necháme je jako normální odkazy.
Tlačítko „plné velikosti“ nastavíme tak, aby fungovalo jedním z nejjednodušších způsobů, jak jen můžeme, otevřeme nové okno, které má rozměry obrázku v plné velikosti a zobrazí obrázek v něm. Je to jako modální box z počátku roku 2000! Ale mě se to líbí. Je to jednoduché, nepotřebuje spoustu kódu (jako by to byl lightbox) a je zřejmé, že s ním můžete komunikovat. Je to ještě lepší, pokud se mě zeptáte.