Modifier la hauteur de la barre des menus personalisée

Voir le sujet précédent Voir le sujet suivant Aller en bas

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

Message par microbull le 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 : 34
Date d'inscription : 28/10/2010

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

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