Gosign Background Container Block

  • Erzeugt Hintergrund-Container-Block
  • Optionen für volle Breite und begrenzte Breite
  • Parallaxeffekte und Parallaxe Maus-Effekte
  • Hintergrundvideo hinzufügen, Hintergrundfarben hinzufügen und
    Hintergrundbilder hinzufügen
  • Hintergrundüberlagerung mit Opazität
  • Schöne Ränder um das Gitter herum (Diagonale, Pfeile, Schatten)
  • Styling-Optionen für Innenbehälter
  • Benutzerdefinierte Ränder und Polsterungen
  • Automatische und definierte Höhenoptionen
  • Mehrere Optionen zur Anpassung innerhalb von Inhaltselementen
Gosign - Background Container Block - backgroundContainerBLock 1024x495

Plugin Beschreibung

Dieses Plugin erstellt einen Hintergrund-Container, der alle Arten von Elementen mit über 40 Hintergrundoptionen in WordPress 5 (Codename: Gutenberg) enthält. Es verfügt über alle notwendigen Optionen, die Ihnen bei Hintergrundelementen wie z.B. Parallaxe, Hintergrundfarbe, Hintergrundbilder, Overlay im Hintergrund innerhalb von Containeroptionen und vieles mehr helfen.

Plugin Backend

Gosign – Background Container Block bietet Ihnen verschiedene Hintergrundoptionen, die dem Container hinzugefügt werden können. Damit können Sie Parallaxen-Hintergrundbild, Diagonalrand mit Hintergrundfarbe, Hintergrundfarbe und Umrandungspfeil usw. sowie verschiedene andere Optionen hinzufügen.

Abschnittslayout

Durch Auswahl der gewünschten Einstellung in diesem Fenster können Sie dem Container ein anderes Styling zuweisen. Sie können die Höhe, die Kanten, die Polsterung, die Art des Rahmens und seine Farbe auswählen. Die Höhe des Containers kann aus der angegebenen Option ausgewählt werden oder Sie können sogar die benutzerdefinierte Höhe in Pixeln einstellen. Scrollen Sie nach unten zum Abschnitt Demo für die Frontend-Demo.

- 1

Randstyling

Aus den angegebenen Optionen können verschiedene obere und untere Umrandungen ausgewählt werden. Ein Rand kann diagonal sein, schräg von links nach rechts oder rechts nach links, einfach ein Pixelrand oder ein kleiner Pfeil, der auf den nächsten Abschnitt zeigt. Scrollen Sie nach unten zum Abschnitt Demo für die Frontend-Demo.

- border

Abschnitt Hintergrund

In diesem Fenster können Sie entweder Farbe, Video oder Bild für den Containerhintergrund auswählen.

Bild:
Aus verschiedenen Optionen für den Bildcontainer können Sie eine beliebige Option auswählen. Der Parallaxeffekt kann dem Bild hinzugefügt werden. Scrollen Sie nach unten zum Abschnitt Demo für die Frontend-Demo.

Video:
Du kannst entweder das Video für den Hintergrund hochladen oder auch die URL von youtube angeben.

- Screenshot 125

Abschnitt Hintergrundüberlagerung

Überlagerung beliebiger Farben kann durch Aktivieren dieser Option hinzugefügt werden. Scrollen Sie nach unten zum Abschnitt Demo für die Frontend-Demo.

- overlay

Option Insider-Inhalt

Farbe, Breite und Ausrichtung des Inhalts innerhalb des Containers können aus diesem Panel aus verschiedenen verfügbaren Optionen ausgewählt werden.

- inside

Beispiel Demo

Beispiel-Demo für das Plugin Gosign – Background Container Block

Background Container With Parallax Background Image

Background Diagonal Border With Background Color

Mauris turpis nunc, blandit et, volutpat molestie, porta ut, ligula. Fusce ac felis sit amet ligula pharetra condimentum. Praesent adipiscing.

Aenean ut eros et nisl sagittis vestibulum. Fusce commodo aliquam arcu. Phasellus nec sem in justo pellentesque facilisis.

Gosign – Background container Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Background Container With Background Color and border Arrow

Praesent egestas tristique nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Vivamus consectetuer hendrerit lacus.

Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Fusce egestas elit eget lorem. Nam pretium turpis et arcu.

Nulla consequat massa quis enim. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Nam adipiscing.

Mehr WordPress Blöcke:

Gosign – Promo Box Block - Gosign – Promo Box Block

Demo | Download
Gosign – Promo Box Block

Gosign – Text with Image Block - Gosign – Text with Image Block

Demo | Download
Gosign – Text with Image Block

Gosign – Masonry Post Block - Gosign – Masonry Post Block

Demo | Download
Gosign – Masonry Post Block

Gosign – Advanced Separator Block - Gosign – Advanced Separator Block

Demo | Download
Gosign – Advanced Separator Block

- background container icon

Demo | Download
Gosign – Background Container Block

- icon 128x128 1

Demo | Download
Gosign – YouTube Video Player Block

Gosign – Header Image Block - Gosign – Header Image Block

Demo | Download
Gosign – Header Image Block

Gosign – Posts Slider Block - Gosign – Posts Slider Block

Demo | Download
Gosign – Posts Slider Block

Gosign – Simple Teaser Block - Gosign – Simple Teaser Block

Demo | Download
Gosign – Simple Teaser Block

Gosign – Accordion Slider Block - Gosign – Accordion Slider Block

Demo | Download
Gosign – Accordion Slider Block

Gosign – Google Maps Block - Gosign – Google Maps Block

Demo | Download
Gosign – Google Maps Block

Gosign – Notification And Alert Block - Gosign – Notification And Alert Block

Demo | Download
Gosign – Notification And Alert Block

Gosign – ReadMore Toggle Text Block - Gosign – ReadMore Toggle Text Block

Demo | Download
Gosign – ReadMore Toggle Text Block

- logo slider 128x128

Demo | Download
Gosign – Logo Slider Block

- gallery box 128x128

Demo | Download
Gosign – Gallery box Block

- vimeo 128x128

Demo | Download
Gosign – Vimeo Video Player Block

- post block 128x128

Demo | Download
Gosign – Post Teaser Block

Grid container block icon - icon 256x256

Demo | Download
Gosign – Grid Container Block

Ran an die Resultate – unser Newsletter für Sie!

Damit Sie gleich Wind davon bekommen, wenn wir in unserem Magazin zu neuen Erkenntnissen kommen.

[wpforms id="1559"]