Ellade
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Fnac : 2 Funko Pop achetées : le 3ème ...
Voir le deal

Modifier la hauteur de la barre des menus personalisée

Aller en bas

Astuce Modifier la hauteur de la barre des menus personalisée

Message par microbull Lun 31 Oct 2016 - 8:30

Le tuto réglage de la hauteur de la barre des menus ICI peut  être utilisé pour une barre des menus personnalisées par une image de fond. Il faut modifier le code de réglage de la hauteur pour rendre le fond transparent et respecter l'ordre d'insertion des codes.

Code modifié
Code:
<style>
    .navbar {
      position: relative;
      min-height: 42px !important ;
      margin-bottom: 0 !important ;
      border: 1px solid transparent;
      line-height: 14px !important;
    }

    .navbar-brand,
    .navbar-nav li a {
      height: 36px !important;
      line-height: 14px !important;
      padding-top: 15px !important ;
    }

    .navbar-default {
      background-image:url('image.jpg') repeat-x ;
      background-color: # ;
      border-color: # ;
    }
    </style>
Ce code est fait pour une barre de menu de 42 pixels.
l'astuce consiste à rendre le fond et la bordure de de la barre des menus transparents et ensuite de placer votre image de fond personnalisée.
J'ai testé en local à voir le résultat après publication.
Microbull.

microbull

Messages : 95
Date d'inscription : 28/10/2010

Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum