# 89: Modificare il Gallery Bar - Trucchi CSS

Anonim

In questo video apportiamo una serie di modifiche alla barra che abbiamo impostato con la maggior parte delle funzionalità della Galleria. Il design consiste nel modificare, non è vero?

Regoliamo un po 'di imbottitura per allineare meglio le cose. Modelliamo il menu a discesa in modo che il menu visualizzato sia un po 'più bello. Durante la regolazione, ci assicuriamo che abbiano un'area cliccabile / toccabile ( display: blocklink) molto grande . Questo è un perfetto esempio di dove l'iniezione di stile da CodeKit è super utile. Ci assicuriamo che il rollover sia forte, visivamente, quindi è molto chiaro cosa stai selezionando. Molto importante in un layout come questo dove tutto sembra così simile.

Facciamo un piccolo trucco di WordPress in cui rimuoviamo l'attributo title dai link dei tag (che sono peggio che inutili in questo caso) utilizzando una funzione di filtro e non restituendo nulla.

Aggiungiamo un pulsante di invio, lo posizioniamo a destra della barra e creiamo uno stile di pulsante che funzioni nel contesto della barra della galleria.

La galleria su questo sito è un po 'unica in quanto ci sono un paio di modelli che sono nettamente diversi ma devono essere molto simili. Ad esempio, la home page della galleria e la pagina per le tassonomie della galleria. Notiamo questo problema e impieghiamo del tempo per apportare le modifiche necessarie per renderle uguali. Utilizziamo alcune tecniche che abbiamo utilizzato più e più volte in questa serie, come creare un'inclusione da utilizzare su entrambi i modelli in modo da non ripeterci.

Probabilmente passiamo un po 'troppo tempo a rimanere bloccati, ma è una cosa strana in cui stiamo cercando di echeggiare il tag corrente o una stringa univoca, a seconda del tipo di pagina in cui ti trovi. Sono sempre le piccole cose più stupide che richiedono più tempo.

Abbiamo anche difficoltà con una piccola cosa stupida di specificità in cui vogliamo che i link e i pulsanti nell'intestazione siano leggermente diversi. Abbiamo un tocco così leggero con i selettori in questo progetto. Di solito è fantastico, nessuna brutta guerra di specificità, ma a volte è anche un problema in cui altri selettori molto leggeri (bassa specificità) hanno la precedenza su altri e devi diventare più forte di quanto vorresti per risolverlo. È la vita.