YOOtheme Pro Custom Elements - HERZOG DUPONT 1.9.3

Check out these custom elements for YOOtheme Pro. Sie können sie leicht über ein Plugin auf Ihrer Website installieren. Es gibt bisher sieben Elemente, alle sind in dem Plugin enthalten: Toggle, Progress, Timeline, Counter, Flipcard, Image Comparison und Slideshow Grid. Keine Gebühren, keine Werbung, keine Abonnementerforderung. Keine zusätzlichen JavaScript-Libraries wie jQuery werden von diesen Elementen geladen.

• [][simplifizierte Installation über das Joomla-Extensions-Menü und den WordPress-Plugin-Screen[]*]erfordert keine Erstellung einer Child-Thema[]*]eine eineinzählbare aktualisierung über die Joomla! Aktualisierungskomponente und das WordPress-Plugin-Screen[]*wählen Sie welche Elemente geladen werden sollten oder nicht in YOOtheme Pro

Element TauschendeckelEINE SPEZIELLE ELEMENT FÜR DEN YOOTHEME PRO SEITEBUIER ZUM ANWENDEN DES UIKIT 3 SCHROPFZEILEN-KOMONENTS.

• []*] verwenden Sie eine der drei Schaltflächen: klicken, überfahren und Medien[]*] wähle einen Inhaltfelder unterhalb des Schaltflächen oder eine benutzerdefinierte Zieladresse aus[]*von verschiedenen Button-Stilen und Größen auswählen und ein Button-Icon setzen[]anzeigen, animiere oder eine benutzerdefinierte klasse aktivieren

ProgresselementEINE SPEZIELLE ELEMENTEINGABE FÜR DEN YOOTHEME PRO SEITEBUIDER ZUM ANWENDEN DES UIKIT 3 FORTSCHREIBUNGSKOMONENTES.

• []*] setzen von Anfangs-, Endwert und maximaler Werte[]*]set animierungsgrößen und -geschwindigkeit[]*farbe definiert durch die themastilie, kann über den stilcustomizer angepasst werden[]Animation startet wenn im Viewport

ZeitlinielementEINE SPEZIALISIERTE ELEMENTEINGABE FÜR DEN YOOTHEME PRO SEITEBILDERBERECHTIGUNGSBASIERT AUF DEM GRIDS-ELEMENT.

• []*von verschiedenen Ausrichtungen für verschiedene Anzeigegeräte wählen[]set farben für zeitlinie, ikonränder und ikonhintergrund[]*]items bieten Felder für Titel, Meta, Inhalt, Bild, Symbol und Link[]verwende viele Einstellungen von der Grid-Element wie Panel-Stil, Bild-Ausrichtung, Rahmendeko und mehr

Counter ElementEINE SPEZIALGESELLSCHAFTSELEMENT FÜR DEN YOOTHEME PRO SEITEBUIERUNG ZUM ANIMAUSCHEN EINES ZAHLENZUGESCHRITTEN.

• []nutzer zähler oder eine kreisung oder beides verwenden[]*von verschiedenen Farben und Schriftgrößen für den Text und die Zahl wählen[]*]stelle die Farbe des Kreises, den Radius, das Schwellenbreite und die Prozentzahl fest[]*] set die Animationszeit und einen Trennzeichen für Tausende[]Animation startet wenn im Viewport

Flipcard ElementEINE SPEZIELLE ELEMENT FÜR DEN YOOTHEME PRO SEITEBUILDER ZUM ANZEIGEN EINES PANELS MIT EINEM WIEDERKALENDIAGRAMMANIMIERUNG.

• []*von 8 verschiedenen Animations wählen[]wähle 2D oder 3D Effekt[]*wähle den Umkehrmodus: fliessen, klicken oder beides[]*]das Element bietet Felder für Titel, Meta, Inhalt und Bild/Ikon für Front- und Rückseite*][]*] set einen link für den zurück und einen dumm link für die vorne (nur für layoutzwecke, keine tatsächlichen link)

BildvergleichselementEINE SPEZIALGESELLSCHAFTSELEMENT FÜR DEN YOOTHEME PRO SEITEBUILDER ZUM VERGLEICH VON ZWEI BILDSCHIRMEN.

• []verwendung verschiedener Bildgrößen[]set ein benutzerdefinierter schwenksymbol[]*] arbeitet mit Klick- und Benutzerinteragierungsinput und optional bei Mausüberhang[]*] unterstützt YOOtheme Pro-befehlsmitgliedern das Lazy Loading und Bildoptimierung

Bildschirmleiste-ElementEINE SPEZIALGESELLSCHAFTSELEMENT FÜR DEN YOOTHEME PRO SEITEBUIERDING, DAS DEN WIDGETKIT 3 GITTERSLIDEWIDGET ÄHNLT, UM VIELE SLIDESHOWS IN EINEM GITTERNACHEN ZU ANZEIGEN.

• []*vorshow mehrere Slideshow-Animationen innerhalb eines Grids[]jedes Grid-Element beinhaltet seinen eigenen Slideshow mit Navigationen, Animierungen und anderen Funktionen[]*]thumbnailschaltfläche[]filter und masonry

Lottie ElementEINE SPEZIELLE ELEMENTEINGRIFFE FÜR DEN YOOTHEME PRO SEITEBUISTER ZUM ANZEIGEN VON LOTTEANIMATIONEN MIT EINER VARIETÄT VON ABHÄNGIGKEITEN.

• []anzeigen auffällige und ansprechende Lottie-Animationen[]*von einer Vielzahl von Triggern wählen[]*]set die Anfangs- und Endpunkte des Animierens[]*füge eine optionale Link zur Animation hinzu