17 générateurs de boutons gratuits.

Il existe plusieurs manières de créer un bouton dans une page web. On peut utiliser une image sur laquelle on place un lien. Cette technique est encore largement utilisée. Aujourd’hui, on lui préfère le HTML5 et les CSS3 pour styliser de jolis boutons colorés. Les coins arrondis et autres propriétés CSS3 étant maintenant bien reconnues par les navigateurs, cette méthode peut être utilisée sans trop de problèmes. Les frameworks CSS utilisent ces propriétés proposer de jolies collections de boutons.

Vous trouverez dans cet article, une série de liens vers :

1- des générateurs de boutons CSS3.

2- des générateurs de boutons images.

set_boutons

 

1- des générateurs de boutons CSS3.

  • Bestcssbuttongenerator : très complet, ce générateur est paramétrable à souhait. L plus vient de la possibilité de l’intégrer à Google Chrome sous forme d’application.
  • Css3 button generator : un générateur de bouton CSS3  placer sur un  lien.
  • Button optimizer : Du même genre que le précédent, mais encore plus complet. En plus du code CSS, une version image du bouton est disponible. Un must.
  • Css3 button : un générateur de bouton CSS3 très bien fait qui s’intègre sur une balise button. A tester.
  • Generateur de boutons css3 : un bon générateur dont le code est à placer sur une balsie button.
  • Css gradient button : un générateur très simple de boutons avec dégradé. Le bouton s’intègre sur une balise span.

2- des générateurs de boutons images.

  • dabuttonfactory : un très bon générateur de boutons type bootstrap (voir framework css ci-dessus) mais avec des images png.

button

  • button generator : un générateur de boutons simple et complet avec de nombreux gabarits.

Bouton generateur


  • free buttons : ce générateur a la particularité d’offrir une série de boutons  pour un même thème. cela peut être intéressant pour construire un site complet.

free buttons


  • flashbuttons.com Un générateur de boutons flash. Simple et rapide d’utilisation. A voir, même si le flash n’est peut-être pas nécessaire pour des boutons.

  • aaa-buttons.com encore un générateur simple et sympa. Pas mal de gabarits avec l’ajout d’ombre et de textes possible.

bouton aaa


 

  • buttonland.com: boutonland est le jardiland du bouton :). C’est plutôt une banque de boutons web plutôt qu’un générateur.

  • glassybuttons.com un générateur de bouton très complet qui offre un ensemble d’images et des css pour les animer. Il faut un epu s’y connaître.

button_glass



  • kalsey.com
     
    : ce générateur permet de faire des boutons en deux parties. Original.

button



  • makebutton.com : un générateur pas mal du tout. Pas trop de choix dans les templates, mais une personnalisation descourleurs et de la taille, avec un drégradé. Au final, c’est pas mal.

button


bouton


Le petit tour des générateurs de boutons du web est terminé. Il en existe d’autres, mais avec cela vous pourrez déjà faire beaucoup de jolis boutons pour sites web.

Pour aller plus loin, je vous conseille le livre Premiers pas en CSS3 et HTML5 simple, complet pou css3 et abordable. Pour un apprentissage encore plus poussé, choisissez CSS3 Le design web moderne

 

A bientôt 😉

Les recherches qui vous ont mené ici

  • générateur de bouton (4)
  • générateur de boutons gratuit (3)
  • Générateur Bouton HTML (3)
Ces articles pourraient vous intéresser :
6 Comments

Add a Comment

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Lire plus :
flash
Comment créer une bannière flash en ligne et l’intégrer dans une page web ?

Les bannières sont les symboles d'un site. Elles peuvent amener du trafic ou au contraire le réduire. Dans cet article...

clippy_links
Ajouter Clippy l’assistant de Microsoft Office à un site.

Vous vous souvenez de Clippy, Merlin, Rover et Links ? Non ? Il s'agit des petits personnages de l’assistant de...

google maps
Comment insérer Google maps sur WordPress ?

Vous aimeriez montrer à vos visiteurs ou vous vous situez sur une carte, afficher un plan d'accès ou montrer une...

Fermer