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 :
#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
#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