Tastenkürzel

Avada enthält einige ziemlich erstaunliche Tastenoptionen. Schaltflächen sind ein wesentlicher Bestandteil Ihrer Website, und wir haben sichergestellt, dass Sie über die Optionen verfügen, die Sie zum Hinzufügen schöner Schaltflächen zu jeder Seite benötigen. Wählen Sie aus 4 Größen, 3 Formen, flachem oder 3D-Stil, unbegrenzten Farben, Rahmenbreiten, Symbolen, Teilern und Animationen sowie Schaltflächen zum Öffnen von modalen Popups.

Alles kombinieren
Modal Klicken Sie hier
Alles kombinieren

Unbegrenzte Farben

Steuern Sie alle Farben wie Hintergründe, Hover-Hintergründe, Akzente (Rahmen, Text, Symbol, Teiler), Hover-Akzente und 3D-Abschrägung.

Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe
Farbe

4 Tastengrößen

Avada-Tasten sind in 4 verschiedenen Größen erhältlich, sodass Sie für jede Situation immer die perfekte Größe haben. Wählen Sie klein, mittel, groß oder groß.

Kleiner Knopf
Mittlere Taste
Großer Knopf
XLarge-Taste

2 Schaltflächentypen

Wählen Sie eine superschlanke flache Schaltfläche oder eine auffällige 3D-Schaltfläche.

Super schlanker flacher Knopf
Auffälliger 3D-Button

3 Tastenformen

Avada-Knöpfe gibt es in 3 verschiedenen Formen. Quadrat, rund und Pille.

Quadratisch
Pillenform
Runde Form

Volle Grenzkontrolle

Mit Avada können Sie die Rahmenbreite und die Rahmenfarbe einfach steuern.

0PX Rand
1PX Rand
2px Rand
3px Rand
4px Rand
5px Rand
6px Rand
7px Rand

Schaltflächensymbole

Avada integriert das fantastische Symbol für Vollschrift mit Schaltflächen. Wählen Sie die Position, Farbe und Verwendung des Symbols mit oder ohne Teiler.

Symbol Position links
Ikone mit Teiler
Ikone ohne Teiler
Symbol Position rechts

Schaltflächenanimationen

Animieren Sie die Schaltflächen mit weichen CSS3-Animationen. 5 Animationstypen, 4 Richtungen, Geschwindigkeitsregelung

Prallen
Shake
Verblassen
Schlitten
Blinken

Vollständiger Satz von Optionen

Jede Option und Beschreibung, die im Tastenkürzel enthalten ist, ist unten aufgeführt.

  • Link - Der Link, zu dem die Schaltfläche führen soll, einschließlich http://. Beispielsweise, http://www.example.com/.
  • Farbe - Kann einer dieser Werte sein: Standard, benutzerdefiniert, grün, dunkelgrün, orange, blau, rot, pink, dunkelgrau, or hellgrau. Wählen Sie Original für erweiterte Optionen. Wählen Standard für Themenoptionswerte. Legt die Farbe der Schaltfläche fest.
  • Größe - Kann einer dieser Werte sein: Standard klein Mittel Groß, or xgroß. Hiermit wird die Größe der Schaltfläche festgelegt. Wählen Default für die Auswahl der Themenoption. Legt die Größe der Schaltfläche fest.
  • Typ - Kann einer dieser Werte sein: Standard Wohnung, or 3d Legt den Typ der Schaltfläche fest. Wählen Standard für die Auswahl der Themenoption.
  • gestalten - Kann einer dieser Werte sein: Standard Quadrat, Pille, or Runde. Legt die Form der Schaltfläche fest. Wählen Standard für die Auswahl der Themenoption.
  • Ziel - Kann einer dieser Werte sein: _blank für neues Fenster oder _selbst für das gleiche Fenster.
  • Titel - Stellen Sie a Titel Attribut für den Link, auf den die Schaltfläche verweist. Beispielsweise, Startseite.
  • gradient_colors - Maßgeschneidert nur Einstellung. Akzeptiert einen Hexcode (# 000000) oder RGBA-Werte (rgba (0,0,0,0)). Legt die oberen und unteren Farben des Hintergrundverlaufs fest.
  • gradient_hover_colors - Maßgeschneidert nur Einstellung. Akzeptiert einen Hexcode (# 000000) oder RGBA-Werte (rgba (0,0,0,0)). Legt die oberen und unteren Schwebefarben des Hintergrundverlaufs fest.
  • Akzentfarbe - Maßgeschneidert nur Einstellung. Akzeptiert einen Hexcode (# 000000) oder RGBA-Werte (rgba (0,0,0,0)). Legt die Farbe des fest Schaltflächenrand, Teiler, Text und Symbol am rechten Bildschirmrand..
  • acccent_hover_color - Maßgeschneidert nur Einstellung. Akzeptiert einen Hexcode (# 000000) oder RGBA-Werte (rgba (0,0,0,0)). Legt die Schwebefarbe des fest Schaltflächenrand, Teiler, Text und Symbol am rechten Bildschirmrand..
  • bevel_color - Maßgeschneidert nur Einstellung. Akzeptiert einen Hexcode (# 000000). Legt die Abschrägungsfarbe von 3D-Schaltflächen fest.
  • Rahmenbreite - Maßgeschneidert nur Einstellung. Akzeptiert beispielsweise Pixelwerte, z. 1px.
  • Schatten - Kann einer dieser Werte sein: Standard ja, or Nr. Dadurch werden Schatten aktiviert oder deaktiviert. Wählen Standard für die Auswahl der Themenoption.
  • Symbol am rechten Bildschirmrand. - Ein Schrift super Symbolwert. Beispielsweise, fa-Glas.
  • icon_teiler - Kann einer dieser Werte sein: ja, or Nr. Dadurch wird eine Trennlinie zwischen Symbol und Text ein- oder ausgeblendet.
  • icon_position - Kann einer dieser Werte sein: links, or Recht. Legt die Position des Symbols auf der Schaltfläche fest.
  • modal - Die einzigartiger Name dauert ebenfalls 3 Jahre. Das erste Jahr ist das sog. Modaler Shortcode Sie haben bereits erstellt, dass die Schaltfläche das Modal auslösen kann.
  • Animationstyp - Kann einer dieser Werte sein: keiner, springen, verblassen, blinken, schütteln, or rutschen. Legt die Animation fest, die für den Shortcode verwendet werden soll.
  • animation_direction - Kann einer dieser Werte sein: unten, rechts, links, or bis. Legt die Eingangsrichtung für die Animation fest.
  • Animations Geschwindigkeit - Akzeptiert einen numerischen Wert von .1, was am langsamsten ist, zu 1, das ist das schnellste.
  • Ausrichtung - Kann einer dieser Werte sein: links, Mitte, or Recht. Legt die Ausrichtung der Schaltfläche fest.
  • Klasse - Füge hinzu ein benutzerdefinierte Klasse um das HTML-Element für die weitere CSS-Anpassung.
  • id - Füge hinzu ein benutzerdefinierte ID um das HTML-Element für die weitere CSS-Anpassung.

Treten Sie den 100,000 + Zufriedenen Avada-Benutzern bei!

JETZT AVADA KAUFEN!