Aller au contenu
Invision Board France

Menu déroulant sans compression des sous-menus


fama
  • Bonjour,

     

    comme je viens de trouver une astuce sympa qui fonctionne pour moi et pour garder une largeur de sous-menus " extensible " ( créer via CSS ou IP.Content ) je viens la partager :D

1) Sous IP.Content créer vos menus / sous-menus, si les nom des sous menu sont plus grand que le nom d'en tête on remarque qu'ils sont compressés :unsure: vraiment pas joli !!

 

2) Solution que j'ai trouvé ( sans devoir investir encore dans Pro-menu )

 

2bis ) Ouvrir dans :

  1. Apparence > Gérer les thèmes & modèles > votre modèle
  2. fichier css : ipb_styles.css

trouver la ligne : #primary_nav a:hover, #primary_nav a.menu_active ( avec un " ctrl+F )

 

vous devrez trouver :

#primary_nav a:hover, #primary_nav a.menu_active {background: #173455;color: #fff;outline: 0;}

Ajouter dessous :

/* Ajout sous menu début */#primary_nav .submenu_container,#primary_nav .submenu_container li{min-width: 180px; /* Définir la largeur minimum du sous menu ici */max-width: 210px; /* Définir la largeur maximum ici */}/* Ajout sous menu fin */

Enregistrer votre modification, vous devriez voir les menu sans compression

 

gallery_151_3_11566.jpg

 

Je laisse le soin aux admins de corriger et de mettre en forme :bien:

Si cela peu aider un membre IPB ...


Retour utilisateur

Commentaires recommandés

Il n’y a aucun commentaire à afficher.



Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.

Invité
Ajouter un commentaire…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

Chargement

×
×
  • Créer...

Information importante

En utilisant ce site, vous êtes d’accords avec nos Conditions d’utilisation. Nous avons placé des cookies sur votre appareil pour aider à améliorer ce site. Vous pouvez choisir d’ajuster vos paramètres de cookies, sinon nous supposerons que vous êtes d’accord pour continuer.