Boutons en CSS

[Imaxine]

Voici une modification à effectuer sur une v1.5.1.+, qui vous permet de mettre vos boutons en valeur de couleur et non en images tels qu'ils sont actuellement.

Dans le fichier catalog/view/theme/*/stylesheet/stylesheet.css

Chercher ces lignes :

Code: Tout sélectionner

a.button {
   display: inline-block;
   padding-left: 6px;
   background: url('../image/button-left.png') top left no-repeat;


Et les remplacer par celles-ci :

Code: Tout sélectionner

a.button {
   display: inline-block;
   padding-left: 6px;
   background: #38B0E3;
   border: solid 1px #FF0000;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;


Nota : Remplacer la couleur #38B0E3; par la couleur du bouton que vous désirez (la couleur d"exemple étant la couleur bleue), remplacer aussi la couleur du contour (la couleur d"exemple étant la couleur rouge)

Puis supprimer plus bas cette ligne :

Code: Tout sélectionner

   background: url('../image/button-right.png') top right no-repeat;


Et remplacer plus bas ces lignes par la couleur que vous désirez mettre lors du survol de la souris :

Code: Tout sélectionner

   background: url('../image/button-left-active.png') top left no-repeat;


Code: Tout sélectionner

   background: url('../image/button-right-active.png') top right no-repeat;


C'est à dire dans l'exemple par la couleur rouge :

Code: Tout sélectionner

   background: #FF0000;