Les boutons CSS3 : carrés, arrondis, super-arrondis !

le Lundi 16 Janvier 2012

Les boutons CSS3 : carrés, arrondis, super-arrondis !
Un détail de taille vient de faire son apparition dans votre back-office. Vous pouvez personnaliser les boutons de soumission de votre site.

Les boutons de soumission, il y en a un peu partout : dans les formulaires, dans les pages d'inscription, la boutique, les petites-annonces, ... bref, à chaque fois que vos utilisateurs doivent vous poster des informations.

Jusqu'à présent, il y avait 2 possibilités pour ces boutons. Soit c'était le design du bouton du navigateur qui était utilisé, soit un design WM unique. C'était assez inhomogène et nous avons décidé de mettre un peu d'ordre et d'en profiter pour vous proposer des nouveautés.

4 possibilités pour vos boutons de soumissions

A présent, vous pouvez choisir entre 4 design différents pour vos boutons de soumission :

- Défaut : c'est le bouton du navigateur. C'est lui qui est paramétré par défaut sur votre site. Il n'est pas personnalisable.

- Carré
- Arrondi
- Super arrondi


Ces 3 derniers modes sont personnalisables, vous pouvez jouer sur la couleur de la bordure, du texte et du fond du bouton.

Pour cela, rendez-vous dans Design > Paramètres généraux > Éléments visuels > Onglet ibox et formulaires
Une fois votre choix effectué, le design du bouton sera appliqué partout uniformément. 

A noter : petite exception, si vous avez uploadé des boutons personnalisés dans certains modules (par exemple la mise au panier dans la boutique), ces boutons seront bien entendu conservés. Il ne seront pas concernés par le paramétrage décrit plus haut.


Les boutons CSS3 : carrés, arrondis, super-arrondis !


Jerome Granados
Jérôme s'occupe de la promotion de WMaker. Il accompagne les prospects dans la découverte de la... En savoir plus sur cet auteur


Vos commentaires

1.Posté par bruno le 17/01/2012 07:30 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
des petites améliorations bien pratiques !

2.Posté par Marcel Lévy le 17/01/2012 08:45 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour à toute l'équipe
Voilà une innovation visuellement très bien pensée
Bravo
Amitiés
Marcel Lévy

3.Posté par ccubestef le 17/01/2012 09:56 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler

4.Posté par Thomas Crozier le 17/01/2012 15:44 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bonjour et merci pour ces nouveautés.
Est-ce que ces arrondis sont compatibles Internet Explorer ?
Cdt,
Thomas Crozier

5.Posté par Lesia PIETRI le 18/01/2012 09:43 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Les effets CSS3 sont compatibles à partir de la version 9 d'Internet Explorer

6.Posté par La Boite A Truc le 23/01/2012 23:03 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Yes...super, déjà appliqué a quelques sites...l'effet "ombre portée" tant attendu par les fainéants comme nous !
Merci, merci, merci.....
Et cool le paramétrage couleur des boutons....