# 89: Tweaking the Gallery Bar - CSS-tricks

Anonim

I den här videon gör vi en massa tweaks till baren som vi har ställt in med de flesta funktionerna i galleriet. Design handlar bara om att justera, eller hur?

Vi justerar lite vaddering för att göra saker bättre. Vi utformar rullgardinsmenyn så att menyn som avslöjas ser lite trevligare ut. Medan vi justerar det ser vi till att de har ett stort stort klickbart / tappbart område ( display: blocklänkar). Detta är ett perfekt exempel på var stilinjektionen från CodeKit är mycket användbar. Vi ser till att övergången är stark, visuellt, så det är mycket tydligt vad du väljer. Mycket viktigt i en sådan layout där allt ser så lika ut.

Vi gör lite WordPress-trick där vi tar bort titelattributet från tagglänkarna (som är värre än värdelösa i det här fallet) genom att använda en filterfunktion och inte returnera något.

Vi lägger till en skicka-knapp, placerar den till höger om stapeln och skapar en knappstil som fungerar i samband med gallerifältet.

Galleriet på den här webbplatsen är lite unikt genom att det finns ett par mallar som är tydligt annorlunda men måste se mycket lika ut. Till exempel galleriets hemsida och sidan för galleritaxonomier. Vi märker detta problem och tar lite tid att göra de ändringar som behövs för att göra dem desamma. Vi använder några tekniker som vi har använt om och om igen i den här serien, som att göra en inkludering att använda på båda mallarna så att vi inte upprepar oss själva.

Vi spenderar förmodligen lite för mycket tid på att stubba men en konstig sak där vi försöker antingen eka den aktuella taggen eller en unik sträng - beroende på vilken typ av sida du är på. Det är alltid de dumaste små sakerna som tar längst tid.

Vi kämpar också med en dum liten specificitet där vi vill att länkar och knappar i rubriken ska vara något annorlunda. Vi har en sådan lätt touch med väljare i det här projektet. Det är vanligtvis bra, inga otäcka specificitetskrig, men det är också ibland en smärta där andra mycket lätta (låg specificitet) väljare åsidosätter andra och du måste gå starkare än du vill fixa det. C'est la vie.