• Startseite
• Inhalt
• Index
• Quellen

Gestylter Button

Styled Buttons sind Elemente in RocketCake, die verwendet werden können, um einen schön aussehenden Button zu erstellen, ohne dass Sie dafür ein Grafikprogramm verwenden müssen. Außerdem werden die Schaltflächen in der Regel im HTML-Code ohne Bilder erstellt, wenn möglich nur mit CSS-Stylesheets, was die benötigte Downloadgröße und die Geschwindigkeit Ihrer Website stark reduziert.

Erstellen eines Styled Buttons

Mithilfe des Eintrags "Gestaltete Schaltfläche" im Toolset oder des Menübefehls "Einfügen -> Gestaltete Schaltfläche" können Sie Schaltflächen auf der Website platzieren.

Sie können das Aussehen der Form mit Hilfe des Eigenschaftsfensters anpassen.

Schaltfläche mit Text oder Hyperlinks

Sie können in eine Schaltfläche klicken und anfangen zu tippen. Der Text wird zentriert in der Form angezeigt, was für die Erstellung von Schaltflächen sehr nützlich ist. Zusätzlich ist es möglich, einen Hyperlink für die Schaltfläche zu erstellen, so dass der Benutzer auf die Schaltfläche klicken kann, um z.B. eine neue Seite zu öffnen. Wählen Sie einfach die Form aus, klicken Sie mit der rechten Maustaste und wählen Sie "Hyperlink einfügen".

Wenn Sie möchten, dass die Schaltfläche eine andere Farbe hat, wenn sich der Mauszeiger darüber bewegt (was bei Formen mit Hyperlinks manchmal wünschenswert ist), aktivieren Sie einfach das Kontrollkästchen 'UseHoverStyles' im Eigenschaftsfenster dieser Form und wählen Sie einige Farben. Die Hover-Stile werden im Editor nicht angezeigt, klicken Sie einfach auf 'Veröffentlichen -> Vorschau', um sie zu testen.

Eigenschaften

Diese Komponente unterstützt mehrere Hintergrundmodi (Farbe, Bild, Farbverlauf), die durch Auswahl der Eigenschaft 'BackgroundMode' geändert werden können. Sie unterstützt auch verschiedene Randmodi. Der Hintergrund ist nur sichtbar, wenn die Bilddatei nicht geladen werden kann oder das Bild transparent ist.

Andere unterstützte Eigenschaften sind:

BackgroundMode: Wie die Form gefüllt werden soll, entweder über einen Farbverlauf, eine Farbe, einen Button-Stil oder eine Bilddatei

GradientStyle: Wenn der Füllmodus 'Gradient' ist, können Sie hier den Stil des Gradienten auswählen. Unterstützt 'horizontal' und 'vertikal'.

VerdunkelungsFaktor: Wenn der BackgroundMode 'Styled Button' ist, können Sie hier die Helligkeit der Farbe ändern. Wählen Sie einen beliebigen Wert zwischen 0 und 100, 0 für sehr hell.

Durchsichtigkeit: Ein Wert zwischen 0 für undurchsichtig und 100 für 100% transparent.

UseHoverStyles: Wenn Sie möchten, dass die Form eine andere Farbe hat, wenn der Mauszeiger darüber fährt (was manchmal bei Formen mit Hyperlinks wünschenswert ist), aktivieren Sie einfach das Kontrollkästchen "UseHoverStyles" im Eigenschaftsfenster dieser Form und wählen Sie einige Farben. Die Hover-Stile werden im Editor nicht angezeigt. Klicken Sie einfach auf 'Veröffentlichen -> Vorschau', um sie zu testen.