Buttons sind kleine Grafiken, die überwiegend für die Navigation und für Links genutzt werden. Übersetzt passt am ehesten der Begriff Schaltfäche.
Vorteile von Buttons gegenüber Textlinks:
- optisch auffallender, meist ansprechender und peppiger als Textlinks.
Nachteile von Buttons gegenüber Textlinks:
- Längere Ladezeiten gegenüber Textlinks.
- Blinkende Buttons oder besonders furchtbare Farben können ein Design gnadenlos zerstören.
- Für längere Texte sind Buttons ungeeignet.
Hier ein Beispiel für einen optisch sehr hübschen Button:
Der Button wird dann mit einem Hyperlink versehen und fertig ist ein ansprechender Link.
Ebenso ist es möglich Buttons aus reinem CSS zu erstellen:
Link zu Spiegel.deButton-Generatoren:
- bestcssbuttongenerator.com – erstellt Ihnen wunderschöne CSS-Buttons!
- boomplace.com/services/button_maker/ – Bootstrap Button Code Generator
- button-generator.de – Button Generator (CSS)
- buttonoptimizer.com – Free Call-To-Action-Button-Generator (CSS and PNG)
- css3buttongenerator.com – CSS3 Button Generator
- dabuttonfactory.com – Pretty call-to-action buttons, quickly!
- ekiwi.de/free_service/bannermain.htm – verschiedene Button-Generatoren
- front-end-tools.com/en/generatebutton – CSS Button Generator – Sie suchen eine passende Vorlage und dann passen Sie einfach den Button an
- htmlcssbuttongenerator.com/css-button-generator.html – CSS Button Generator
- kalsey.com/tools/buttonmaker – Button Maker von Adam Kalsey
- loading.io/button/generator – CSS Button Generator
- maxbuttons.com/button-generator – Button Generator und Editor
- migano.de/buttonmaker.php – Migano Button Generator
- webmart.de/web/css-tools-button – Button-Generator von Webmart
Anbieter für Button-Vorlagen:
- freegifs.de/buttonvorlagen.html – Buttonvorlagen bei FreeGifs.de
- homepage-buttons.de/buttons/button.html – Button-Vorlagen
- jitter.video/templates/buttons – Vorlagen für animierte Buttons
- vorlagen.nils-werner.com/vorlagen-button-einfach.pic – Button-Vorlagen
- webhomez.net/de/category.php?kate=buttons – Buttonvorlagen von WebHomez