# 86: Fotógaléria a Galériában - CSS-trükkök

Anonim

Izgatottan kezdtem az oldal Galéria területét. Ez az egyik olyan terület, amely különösen rossz volt a v9-ben. Nem kap rengeteg forgalmat, de talán meg tudjuk fordítani ezt. Nagyon élvezem, és rengeteg tartalommal rendelkezem, hogy idővel felkerülhessek rá.

Kezdjük azzal, hogy a Photoshopban dolgozunk, hogy kreatívan tartsuk tudatunkat és vizuálisan fedezhessünk fel anélkül, hogy a kóddal analitikusan gondolkodnánk.

Átlépünk a fejléc grafikáján. Kicsit viccesnek tűnik ezt megtenni, mivel ez már a webhelyen és jobb módon megvalósításra került, de ez segít abban, hogy a tervezési környezetünket a lehető leg valósabban tartsuk meg.

Építünk egy navigációs sávot a galéria számára. Az elrendezés alján található nagy csúnya címkefelhő helyett, mint korábban (és még ez is javulás volt a rendetlen kategória és a címkék elrendezésében a v9 elejétől), mást csinálunk. Készítünk egy legördülő menüt, amelyre kattintva felfedheti azokat a címkéket, amelyek alapján böngészhet, és még ez is beépül egy kicsit a navigációs sáv navigációs stílusának elrendezésébe. Tehát egyfajta hármas feladatot szolgál: az oldal címe, a navigációs navigáció és a feltáró legördülő menü.

Ez a tervezés számomra valószínűleg nem jött volna elő, ha nem teszem meg ezeket a felfedező utakat a Photoshopba.