Neue Buttons mit Pagebuilder

Mit dem Pagebuilder wurde die Logik von Buttons neu definiert. Zum einen Fügt man eine Button-Gruppe hinzu und zum anderen kann man dan einzelne Buttons nach anclicken bearbeiten. Es wurden verschiedene Klassen von Buttons eingeführt.

Button-Gruppe Inline

Dies ist ein Mega Button
Dies ist  Button
 Button
Auch Button

Button-Gruppe Staked

Dies ist ein Mega Button
Dies ist  Button
 Button
Auch Button

Verschiede Button-Klassen

Primary
Primary Style1
Primary Style2
Primary Style3
Secondary

Alter Teil des Button Testbereichts

 
http://html-color-codes.info/webfarben_hexcodes/

 

Button

Button W100

Button

Button W100

 

Button

Button W100

Button

Button W100

 

 

Alter Teil des Button Testbereichs

 

Buttons HTML Standart

Mit dem Befehl "button" ohne weitere Angaben erhält man diesen Butto. Die Breite passt sich an und wenn er an die Grenze der Box stößt bricht der Text um.

Button Höhe & Breite

Hier spielen wir mit der Höhe und Breite der Buttons

 

Noch mehr Buttons

Runde Buttons & Buttons mit anderem Code

Produktinfos als PDF

 

Button Rot

Das sind die 3 Buttons die wir bereits definiert haben.

Farbe Button:
Farbe Button MouseOver:
Farbe Schrift:
Farbe Schrift MouseOver:
Schriftart:
Schriftgröße:
Capslock?
Fett?

Button Blau

Der action button blue soll überarbeitet werden!

Farbe Button: #0000FF
Farbe Button MouseOver: #08088A
Farbe Schrift: #FFFFFF
Farbe Schrift MouseOver: #FFFFFF
Schriftart:
Schriftgröße:
Capslock?
Fett?

Button Grün

Das sind die 3 Buttons die wir bereits definiert haben.

Farbe Button:
Farbe Button MouseOver:
Farbe Schrift:
Farbe Schrift MouseOver:
Schriftart:
Schriftgröße:
Capslock?
Fett?

 

 

Button Orange

Neuer Button

Farbe Button: #FF8000
Farbe Button MouseOver: #DF7401
Farbe Schrift: #FFFFFF
Farbe Schrift MouseOver: #FFFFFF
Schriftart:
Schriftgröße:
Capslock?
Fett?

Button Hellgrau

Neuer Button

Farbe Button: #E6E6E6
Farbe Button MouseOver: #D8D8D8
Farbe Schrift: #000000
Farbe Schrift MouseOver: #000000
Schriftart:
Schriftgröße:
Capslock?
Fett?

Button Dunkelgrau

Neuer Button

Farbe Button: #6E6E6E
Farbe Button MouseOver: #2E2E2E
Farbe Schrift: #FFFFFF
Farbe Schrift MouseOver: #FFFFFF
Schriftart:
Schriftgröße:
Capslock?
Fett?

 

 

Button Gelb

Neuer Button

Farbe Button: #ffff00
Farbe Button MouseOver: #eec900
Farbe Schrift: #000000
Farbe Schrift MouseOver: #000000
Schriftart:
Schriftgröße:
Capslock?
Fett?

Button Lila

Neuer Button

Farbe Button: #8258FA
Farbe Button MouseOver: #5F04B4
Farbe Schrift: #FFFFFF
Farbe Schrift MouseOver: #FFFFFF
Schriftart:
Schriftgröße:
Capslock?
Fett?

Button Pink

Neuer Button

Farbe Button: #FE2EF7
Farbe Button MouseOver: #B404AE
Farbe Schrift: #FFFFFF
Farbe Schrift MouseOver: #FFFFFF
Schriftart:
Schriftgröße:
Capslock?
Fett?

 

 

Button Schwarz

Neuer Button

Farbe Button: #000000
Farbe Button MouseOver: #585858
Farbe Schrift: #FFFFFF
Farbe Schrift MouseOver: #FFFFFF
Schriftart:
Schriftgröße:
Capslock?
Fett?

Button Weiß

Neuer Button

Farbe Button: #FFFFFF
Farbe Button MouseOver: #D8D8D8
Farbe Schrift: #000000
Farbe Schrift MouseOver: #000000
Border: 1px solid
Border Farbe: #A4A4A4
Capslock?
Fett?

Button Hellblau

Neuer Button



Farbe Button: #2E9AFE
Farbe Button MouseOver: #0080FF
Farbe Schrift: #FFFFFF
Farbe Schrift MouseOver: #FFFFFF
Schriftart:
Schriftgröße:
Capslock?
Fett?

 

 

 

 

Handmade Buttons