# 86: Photoshopping la galerie - Astuces CSS

Anonim

J'étais ravi de commencer sur la zone Galerie sur le site. C'est l'un des domaines qui était particulièrement mauvais dans la v9. Il n'y a pas beaucoup de trafic, mais nous pouvons peut-être inverser la tendance. Je l'apprécie beaucoup et j'ai beaucoup de contenu à publier au fil du temps.

Nous commençons par travailler dans Photoshop afin de pouvoir garder notre esprit créatif et faire une exploration visuelle sans avoir à penser analytiquement avec du code.

Nous passons sur le graphique d'en-tête. Cela semble un peu amusant de le faire car il est déjà implémenté sur le site et d'une meilleure manière, mais cela nous aidera à garder notre environnement de conception aussi réel que possible.

Nous construisons une barre de navigation pour la galerie. Au lieu d'un gros nuage de balises désagréable au bas de la mise en page comme nous l'avions fait auparavant (et même c'était une amélioration de la catégorie désordonnée et de la mise en page des balises des premiers jours de la v9), nous faisons quelque chose de différent. Nous allons créer un menu déroulant sur lequel vous pouvez cliquer pour révéler les balises que vous pouvez parcourir, et même cela est intégré dans un peu de mise en page de style fil d'Ariane dans la barre de navigation. Il sert donc une sorte de triple fonction: titre de la page, navigation dans le fil d'Ariane et navigation déroulante exploratoire.

Cette conception, pour moi, est quelque chose que je n'aurais probablement pas imaginé si je n'avais pas fait ces voyages exploratoires vers Photoshop.