Changez la barre de menu de la page d'accueil

[jlsviro]

Message de jlsviro 12 Nov 2015, 2:24
Bonjour,

Voici une manipulation qui va vous permettre de transfigurer votre page d'accueil !

Les valeurs indiquées ici s'harmonisent avec le design 'rouge, avec fond calque' de la 6.6.

Il vous faut créer un fichier divers_styles_part.css que vous allez déposer dans le répertoire où il y a tous les fichier php ("www" si vous utilisez la version autonome sous Windows). Vous pouvez pour cela utiliser un éditeur de texte simple. Ce fichier contiendra :

Code Sélectionner Étendre

#nav2 {
background:
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #eee,
    #999
  );
}

#nav2 .menu{
background:
  /* On "top" */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  /* on "bottom" */
  linear-gradient(
    to bottom,
    #eee,
    #999
  );
}
}
#nav2 .menu li {
display:inline;
}
#nav2 .menu li a:hover {
background:#9B1C26;
url();
border-bottom:2px;
border-bottom-color:#000000;
border-bottom-style:solid;
margin:-1px;
}
#nav2 .menu li a {
url();
font-family:Arial;
font-size:12px;
text-decoration: none;
float:left;
padding:2px;
background-color: #333333;
color:#ffffff;
border-bottom:1px;
border-bottom-color:#000000;
border-bottom-style:solid;
}
A vous de jouer !

jean-Luc

Message de Patcoupigny 13 Nov 2015, 10:26
Bonjour,

hé,hé, bonne petite nouveauté ! :=$

Message de jlsviro 20 Nov 2016, 19:51
Bonsoir,

La modification indiquée ne fonctionne plus en 6.7 

A la place, mettez

Code Sélectionner Étendre

#ex2 .nav{
background:
  /* devant */
  repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    #ccc 10px,
    #ccc 20px
  ),
  /* derrière */
  linear-gradient(
    to bottom,
    #eee,
    #999
  );
}pour retrouver les zebras....

Bonne fin de week-end.

jean-Luc