Jump to content
Invision Board France
Sign in to follow this  

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 ...

Sign in to follow this  


User Feedback

Recommended Comments

There are no comments to display.



Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.