Logo pour impression Fonctions avancées de gestion de contenus

MENU DEROULANT

Il est possible de rendre le menu haut déroulant. Pour cela, il suffit de gérer les boîtes à la racine de votre minisite.

Dans la partie Emplacement: En-tête de la page, modifiez "Menu themes deroulant".

Cochez la case pus cliquez sur le bouton "Enregistrer" en bas de page. 

 
 

Personnalisation du menu déroulant


Vous pouvez bien entendu modifier l'apparence du menu déroualnt afin de le rendre homogène avec la charte graphique de votre minisite. Pour cela, il vous suffit de modifier la feuille de style "main_nav.css" que vous pouvez télécharger en vous connectant en FTP sur votre minisite (De la même manière que l'on peut modifier la médiathèque en FTP, à ceci prés qu les feuilles de style type css ne sont pas présentes dans le répertoire "contenu" mais bien à la racine de votre minisite).

Pour avoir un aperçu en direct des modifications que vous effectuez, nous vous invitons à utiliser la barre "Web Developer" et d'autres outils détaillés ici.
Voici les élements à modifier:


ul#menu2{
  margin:0px;
  padding:0px;
  list-style:none;
  width:100%;
  background:#FCE5DA;       Couleur de fond du menu
  float:left;
  font:0.7em Arial;
}

ul#menu2 li a{
  display:block;
  border-right:1px solid #BF5422;        Couleur de bordure
  color:#BF5422;                                   Couleur de police des liens du menu
  text-decoration:none;
  font-family:Verdana;
  font-size:11px;
  font-weight:normal;
  padding:5px 6px 4px;
  vertical-align:middle; 
}

ul#menu2 li a:hover{
  background-color:#A64F20;       Couleur de fond des liens au survol
  color:#FFFFFF;                           Couleur de police des liens au survol
}

ul#menu2 ul{
  position:absolute;
  background:#FCE5DA;                 Couleur de fond du menu déroulant
  list-style:none;
  margin:0px;
  padding:0 0 3px 0;
  width:160px;
  z-index:1;
  border:1px solid #BF5422;          Couleur de bordure du menu déroulant
}