# 88: Budování panelu galerie - Triky CSS

Anonim

Pustili jsme se do budování lišty pod záhlavím galerie. Tento bar má docela práci. Říká lidem, kde jsou a co si prohlížejí (strouhanka, jednoduchým způsobem). Bude také obsahovat stránkování, tlačítko a po celou dobu musí reagovat.

Toto je začátek toho, co označujeme jako „černý pruh“ navigace, která se ve skutečnosti stane věcí pro design ostatních webů.

Napíšeme označení pro lištu, včetně použití našeho ikonového písma, pokud je to nutné, pro šipku dolů v rozbalovací nabídce. Je snadné rychle odkazovat na znakový graf v aplikaci Font Explorer X a zjistit, jakou hodnotu může mít ikona HTML.

Pomocí této wp_tag_cloud()funkce vyplivneme na stránku seznam značek z naší vlastní taxonomie pro galerii. Jednoduše nastavíme označení tak, aby se chovalo jako rozevírací nabídka. K zobrazení / skrytí této rozevírací nabídky napíšeme pouhý dotek JavaScriptu. Stejně jako v minulosti s hlavní navigací na webu, vše, co děláme, je změnit název třídy pomocí JavaScriptu a nechat CSS pracovat.

Na konci máme funkční rozbalovací nabídku pro Galerii, což je hezké. Je to skutečný kůň navigace Galerie.