Titel
Logo

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)

Das ist ein Ticker-Text mit Standardeinstellungen
Das ist ein Ticker-Text mit Link und Rahmen

Das ist ein vertikaler Ticker. Eine Boxhöhe muss definiert werden (hier 100px) und die Geschwindigkeit sollte je nach Höhe der Box auf z.B. 100 erhöht werden, der Tickerabstand verringert auf ca. 50. Hier mit Rahmen- und Farbeeinstellungen (Höhe 100px)

UND noch mehr Text mit Umbruch, Absätze nicht möglich.

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

image11

Dörthen Vetter

Am Kleegarten 4

36251 Ludwigsau Hainrode

+49 5631 61800

+49 0170 10 61800

info@smedia.onl

image11

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.
image11

Dörthen Vetter

Am Kleegarten 4

36251 Ludwigsau Hainrode

+49 5631 61800

+49 0170 10 61800

info@smedia.onl

Dörthen Vetter

image11

+49 5631 61800

+49 0170 10 61800

info@smedia.onl

Individuelle Card waagerecht

image11

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

Waldeck von oben: Ludwigsau Hainrode Goldhausen

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
image09
Bild mit Videolink

Block: Smedia-Block Route

Startadresse:
z.B. “Kassel, Hauptbahnhof”

Zieladresse:
Smedia
Am Kleegarten 4, 34497 Ludwigsau Hainrode

© by google.de

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.

image10
image10

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

image09

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)

Herzlich Willkommen
SmediaBlock: Overlays
Nach oben