CroqueWeb

Du style pour vos icônes du menu

Messages recommandés

CroqueWeb    91

Si les icônes de votre menu sont trop grandes, ou si elles ne sont pas à la même taille les unes par rapport aux autres, voici quelques lignes de CSS qui pourront vous aider à obtenir un meilleur affichage :

 

/* Items du menu */
nav a > img {
  max-width: 30px;
  height: auto;
  margin: -4px 0;
  vertical-align: bottom;
}

Résultat

 

Avant :

 

avant.png.fccafba0667c33cfa843cb04a841e36c.png

 

Après :

 

apres.png.445d9d8df84f3efdc950a902bd15e8b4.png

  • Like 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

  • Contenu similaire

    • Par Eric
      ... tout en le gardant dans le pied de page...
    • Par PeterRabbit
      Marre du menu BigMac à droite ?

       
      Vous le préféreriez à gauche, comme @NEERUAM ?

       
      Editez "core/layout/common.css" et remplacez "block" par "inline-block" à la ligne 332 :
      @media (max-width: 768px) { nav #toggle { display: block; }
       
       
       
       
    • Par cybertaf
      Il manque un truc à ce formidable  CMS qu'est Zwii, ce sont des pages avec des colonnes, histoire de se la jouer bootstrap et surtout de casser leur verticalité.
       
      Il y a bien des tableaux, mais bon.... En fait Zwii a tout ce qu'il faut en interne, les classes row et col :
       
      row c'est une ligne, et col une colonne, imaginez que votre écran est composé de 12 colonnes virtuelles sur le lequel on pose des blocs.
       
      Ainsi pour avoir ceci (deux blocs, un de 10 col et un de 2 col) :

       
      On a utilisé :
       
      <div class="row"> <div class="col10"> le texte html </div> <div class="col2"> la météo </div> </div>  
      On peut ainsi varier les plaisirs de la présentation en alternant les lignes :
       

       
      Pour faciliter la mise en page dans ma dernière version modifiée de Zwii, il y a un bouton code et un bouton juste à droite pour afficher les blocs div.