Bilder, Slider und Gestaltung
Blöcke zur Darstellung von Bilder und Texten. Der Hinweis SmediaBlock weist auf zusätzliche Plugins hin.
KONTAKT
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
TITEL TEXT
KALENDER
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
TITEL TEXT
Individuell konfiguriert Block
Bei Verwendung des Blocks Cover in Block Spalten, muss in Spalten die Ausrichtung Mitte oder unten verwendet werden.
SmediaBlock: Icon
Erweiteres CSS: position-relative z-index1
Block: Gruppe mit
Block: H4 und CSS: pt-4 mb-0
Block: Trennzeichen und CSS: hr my-3
Block: Text
Block: Cover mit Höhe 150px, Overlay: Weiß, Deckkraft 10 und CSS: hover07
hover03 = Hovereffect mit 30% Deckkraft
hover05 = Hovereffect mit 50% Deckkraft
hover07 = Hovereffect mit 70% Deckkraft
SmediaBlock: Marquee (Ticker)
Wiederverwendbarer Block
Lies die Hinweise zu “Wiederverwendbarer Block” im Folgenden.
Block: Gruppe mit SmediaBlocks Icon und CSS: w-70 m-auto
Am Kleegarten 4
36251 Ludwigsau Hainrode
+49 5631 61800
+49 0170 10 61800
info@smedia.onl
Individuelle Cards
Dörthen Vetter
Am Kleegarten 4
36251 Ludwigsau Hainrode
+49 5631 61800
+49 0170 10 61800
info@smedia.onl
Dörthen Vetter
Am Kleegarten 4
36251 Ludwigsau Hainrode
+49 5631 61800
+49 0170 10 61800
info@smedia.onl
Hinweise
Die Cards sind als Gruppen (Block: Gruppe) zusammengefügt
- Gewünschten Card Block individuell anpassen
- In Blocknavigation die Gruppe anklicken (diese hier befinden sich jeweils in Spalten)
- Wenn die Gruppe angewählt ist, dann rechts auf “Mehr Optionen (Punkte)” und zu “wiederverwendbaren Blöcken” hinzufügen.
- Nach dem Einfügen an einer neuen Postition muss der eingefügte “wiederverwendbare Block” über “Mehr Optionen (Punkte)” in ein “normalen Block umwandeln” geändert werden.
Dörthen Vetter
Am Kleegarten 4
36251 Ludwigsau Hainrode
+49 5631 61800
+49 0170 10 61800
info@smedia.onl
Dörthen Vetter
+49 5631 61800
+49 0170 10 61800
info@smedia.onl
Individuelle Card waagerecht
Dörthen Vetter
Am Kleegarten 4
36251 Ludwigsau Hainrode
+49 5631 61800
+49 0170 10 61800
info@smedia.onl
Video Einbetten und IFrame
Block: Video (wegen DSGVO nur bedingt empfehlenswert)
SmediaBlock: Video
Video über Bildlink öffnen
Bild > Blockeigenschaften > Linkeinstellungen:
- Link: zu Individuelle URL
- Webadresse:
z.B. https://www.youtube.com/watch?v=r91Mz8618EA - CSS-Klasse des Links: videozoom
Block: Smedia-Block Route
SmediaBlock: Maps (ohne Google Maps Api Key)
SmediaBlock: Maps (OpenStreetMap)
Block: Maps (Google Maps Api Key erforderlich – kostenpflichtig)
SmediaBlock: IFrame
Bild und Galerie Blöcke
Block: Bild
Block: Bild mit Link zur Mediendatei (dem Bild) und Vergrößerungszoom, der
mit Erweitert > Zusätzliche CSS-Klasse: zoom aktiviert wird.
Block: Cover
Bei Verwendung des Blocks Cover in Block Spalten, muss in Spalten die Ausrichtung Mitte oder unten verwendet werden.
Block: Cover
SmediaBlock: Image Hover
Block: Galerie
mit Erweitert > Zusätzliche CSS-Klasse: zoom (Klick zum Vergrößern)
Block: Medien und Text
Block: Medien und Text
Und hier kommt weiterer Text
Block: Cover
Hintergrund fixiert, Höhe 300px, ansonsten Standardeinstellungen
Block: Cover
Block: Cover (mit SmediaBlock: Overlays)
Block Cover ohne Hintergrunddeckkraft, anschließend Block Overlays und danach Block Abstandhalter mit 50px
Block Cover: (ohne Hintergrunddeckkraft)