Behälter
Avada verwendet Fusion Builder, der mit Containern arbeitet. Der gesamte Inhalt befindet sich in Containern. Der Ablauf ist Container> Spalten> Elemente. Jeder Container verfügt über mehrere Optionen zum Erstellen Ihrer Site. Container können sich über die gesamte Breite Ihres Browserfensters erstrecken oder Inhalte innerhalb der Websitebreite enthalten. Sie können Hintergrundbilder, Parallaxeeffekte, Rahmen, Farben, Auffüllungen, Positionierungen und vieles mehr enthalten.
Video- und Bildhintergründe
Container bieten eine Vielzahl von Anpassungseinstellungen, damit Ihre Seiten so einzigartig und elegant wie möglich aussehen. Wählen Sie ein Bild, eine Volltonfarbe oder sogar ein Video als Hintergrund. Steuern Sie die Randgröße und -farbe, die Polsterung sowie die Position des Abschnitts. Dieser Shortcode hat auch einen einzigartigen Effekt, der Bildhintergründe verwischt und verblasst.
Container Video Hintergründe
Dieselben selbst gehosteten Videohintergründe, die mit unserem Fusion Slider verwendet werden können, sind auch in Containern verfügbar. Verwenden Sie Farbüberlagerungen, stellen Sie die Farbopazität ein, schalten Sie die Videos stumm und wiederholen Sie sie. Videohintergründe eignen sich perfekt, um Ihren Layouts eine visuelle Attraktivität zu verleihen.
Fantastischer Unschärfe- / Fading-Effekt beim Scrollen für das Container-Hintergrundbild
Verwenden Sie so viele, wie Sie möchten!
Verwenden Sie so viele Container, wie Sie benötigen, um schöne Layouts zu erstellen, die die Aufmerksamkeit Ihres Betrachters auf sich ziehen. Stellen Sie Hintergrundbilder, Farben oder Videos so ein, dass sie 100% der Browserbreite umfassen, um sie noch interessanter zu machen.
Wir sind hier, um Ihnen zu dienen
Deckel est laborum dolo rumes fugats untras. Etharums ser quidem rerum easis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets. Sed ut perspiciatis unde omnis iste natus error sit voluptatem Ankläger doloremque laudantium, totam rem aperiam Nemo enim ipsam voluptatem quia voluptas sitzen aspernatur aut odit aut fugit, sed quia konsequuntur magni dolores eos qui.
Ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sitzen amet, consectetur, adipisci velit, sed quia nicht numquam eius modi tempora incidunt ut labore und dolore magnam aliquam quaerat voluptatem. Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla.
Unsere verrückten Fähigkeiten
Dies ist der Inhalt eines Containers
- Vollständig ansprechend, so dass Ihre Inhalte auf jeder Bildschirmgröße immer gut aussehen
- Mit fantastischen Schiebereglern können Sie Ihre Inhalte präsentieren
- Erweiterte Themenoptionen zum einfachen Anpassen Ihrer Website
- Mehrere Layoutoptionen für Startseiten, Portfolio und Blog-Bereich
- Erstaunliche Shortcodes mit Metaoptionen zur einfachen Anpassung
- Wir bieten kostenlosen Support, da uns Ihre Website genauso wichtig ist wie Sie.
Abstands- und Breitenoptionen
Stellen Sie die Container auf 100% volle Breite oder auf die Site-Breite in den Designoptionen ein. Stellen Sie den Abstand zwischen den Spalten sowie den oberen, unteren, linken und rechten Abstand ein. Der Container enthält auch eine Option, mit der Sie Spalten auf gleiche Höhen einstellen können.
100% Inhaltsbreite
Inhalte, die sich in einem Container voller Breite befinden, können jetzt auf 100% des Browserfensters eingestellt werden. Diese kleine Option bietet Ihnen große Flexibilität beim Erstellen kreativer Layouts.
Gleiche Spaltenhöhen
Die Höhe der Säule hängt vom Inneninhalt ab. Manchmal kann dies eine Ablenkung des Designs sein. Jetzt können Sie Spalten in einem Container voller Breite ganz einfach auf gleiche Höhen einstellen.
Abstand zwischen Spalten
Wir lieben Abstände, sie werden für ein klares Design benötigt. Viele Situationen sehen jedoch ohne Abstand zwischen den Spalten noch besser aus. Avada 3.7 gibt Ihnen die Möglichkeit, die Entscheidung zu treffen.
Vollständiger Satz von Optionen
Jede Option und Beschreibung, die im Containerelement enthalten ist, ist unten aufgeführt.
- Hintergrundfarbe - Akzeptiert einen Hexcode (# 000000). Legt die Hintergrundfarbe des Symbols fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- Hintergrundbild - Der URL-Pfad des Hintergrundbilds, das Sie anzeigen möchten, beginnend mit http:// und endet normalerweise am .jpg, .png or .gif.
- Hintergrund Wiederholung - Kann einer dieser Werte sein: keine Wiederholung, Wiederholung, Wiederholung-y, or wiederhole-x. Legt fest, wie sich der Hintergrund wiederholt.
- Hintergrundposition - Akzeptieren Sie einen Pixelwert, einen Prozentsatz oder bestimmte alphabetische Werte. Zum Beispiel, 50px, 100%, links oben, links in der Mitte, links unten, rechts oben, rechts in der Mitte, rechts unten, Mitte oben, Mitte in der Mitte, or Mitte unten. Legt die Position des Hintergrunds fest.
- Hintergrundanhaftung - Kann einer dieser Werte sein: behoben, scrollen, or Lokale. Legt fest, wie der Hintergrund gescrollt wird.
- video_webm - Der URL-Pfad Ihrer WebM-Videodatei. WebM und MP4 Das Format muss enthalten sein, damit Ihr Video browserübergreifend gerendert werden kann.
- video_mp4 - Der URL-Pfad Ihrer MP4-Videodatei. WebM und MP4 Das Format muss enthalten sein, damit Ihr Video browserübergreifend gerendert werden kann.
- video_ogv - Der URL-Pfad Ihrer OGV-Videodatei. Dieser Parameter ist optional.
- video_preview_image - Der URL-Pfad des Vorschaubilds, das Sie anzeigen möchten, beginnend mit http:// und endet normalerweise am .jpg, .png or .gif. Beim Hochladen Selbst gehostet Videos muss dieser Parameter ausgefüllt werden.
- video_stumm - Kann einer dieser Werte sein: ja, or Nr. Dadurch wird die Stummschaltung aktiviert oder deaktiviert.
- video_schleife - Kann einer dieser Werte sein: ja, or Nr. Dadurch wird die Videoschleife aktiviert oder deaktiviert.
- Überlagerungsfarbe - Akzeptiert einen Hexcode (# 000000). Legt die Überlagerungsfarbe des Videos fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- overlay_opacity - Kann ein numerischer Wert von sein 0.1 zu 1. Legt die Farbopazität fest. 1 entspricht 100%.
- verblassen - Kann einer dieser Werte sein: ja, or Nr. Legt fest, dass das Bild beim Scrollen ausgeblendet und unscharf wird. Dieser Parameter ist für Bilder nur.
- Rahmengrösse - Akzeptiert einen Pixelwert, der die Größe des Rahmens festlegt. Zum Beispiel, 5px.
- Randfarbe - Akzeptiert einen Hexcode (# 000000). Legt die Farbe des Rahmens fest. Lassen Sie das Feld für die Auswahl der Themenoption leer.
- Borderstyle - Kann einer dieser Werte sein: solide, gestrichelt, or gepunktet. Legt den Stil des Rahmens fest.
- Polsterauflage - Akzeptiert einen numerischen Wert, der die obere Auffüllung in Pixel festlegt. Zum Beispiel, 20.
- Polsterung unten - Akzeptiert einen numerischen Wert, der den unteren Abstand in Pixel festlegt. Zum Beispiel, 20.
- Polsterunglinks - Akzeptiert einen numerischen Wert, der den linken Abstand in Pixel festlegt. Zum Beispiel, 20.
- Paddingright - Akzeptiert einen numerischen Wert, der die richtige Auffüllung in Pixel festlegt. Zum Beispiel, 20.
- menu_anker - Das einzigartiger Name Sie geben den entsprechenden Menüpunkt an.
- equale_Höhenspalten - Kann einer dieser Werte sein: ja, or Nr. Legt fest, dass alle Spalten-Shortcodes im Container gleich hoch sind.
- hundert Prozent - Kann einer dieser Werte sein: ja, or Nr. Legt fest, ob der Innenrauminhalt 100% breit ist oder in der Einstellung für die Site-Breite enthalten ist. Auswählen ja entfernt die linke / rechte Polsterung.
- 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.