← Tous les exemples

CSS Navigation ads.google.com

Réduire la navigation gauche de Google Ads

Réduit la navigation gauche par défaut et l'ouvre au survol, libérant de la place pour les tableaux.

Code à copier

/* Auto-collapse the left navigation, expand it on hover */
nav[aria-label],
[role="navigation"] {
  width: 48px !important;
  overflow: hidden !important;
  transition: width 0.15s ease !important;
}
nav[aria-label]:hover,
[role="navigation"]:hover {
  width: 240px !important;
  z-index: 200 !important;
  box-shadow: 2px 0 8px rgba(0,0,0,0.2) !important;
}

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage