Titel
Logo

Bilder, Slider und Gestaltung

Blöcke zur Darstellung von Bilder und Texten. Der Hinweis CoBlock oder 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

CoBlock: Future

Block: Feature

This is a feature block that you can use to highlight features.

Feature Title

This is a feature block that you can use to highlight features.

CoBlock: Food & Drinks

Menü1

Kurzbeschreibung

Menü 2

Kurzbeschreibung

Menü 3

Kurzbeschreibung

CoBlock: Author

Block:  Author
Block: Author

Biografie

CoBlock: Social Profiles

CoBlock: Service (Block-Set mit 2 Blöcken)

image09

Service

Beschreibung

image08

Titel

Beschreibung

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

34497 Korbach

+49 5631 61800

+49 0170 10 61800

info@smedia.onl

Individuelle Cards

image11

Max Mustermann

Am Kleegarten 4

34497 Korbach

+49 5631 61800

+49 0170 10 61800

info@smedia.onl

image11

Max Mustermann

Am Kleegarten 4

34497 Korbach

+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

Max Mustermann

Am Kleegarten 4

34497 Korbach

+49 5631 61800

+49 0170 10 61800

info@smedia.onl

Max Mustermann

image11

+49 5631 61800

+49 0170 10 61800

info@smedia.onl

Individuelle Card waagerecht

image11

Max Mustermann

Am Kleegarten 4

34497 Korbach

+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: Korbach 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 Korbach

© 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)

Plugin: SA Sliders

Slider einbinden mit Block: Shortcode
WICHTIG: Beim Duplizieren eines Sliders muss die ID korrigiert werden, die Bilder sollten im passenden Format vorbereitet werden

[slide-anything id=”1446″]

Plugin: SA Sliders

Content-Slider einbinden mit Block: Shortcode

[slide-anything id=”1448″]

CoBlock Galleries: Carousel

CoBlock Galleries: Carousel (Fade)

Fade Animation: Size = Extra Large und Zusätzliche CSS-Klasse: carousel-fade

CoBlock: Masonry

Block: Medien und Text

image09

Block: Medien und Text

Und hier kommt weiterer Text

CoBlock: Media Card

image13

Media Card

Replace this text with descriptive copy to go along with the card image. Then add more blocks to this card, such as buttons, lists or images.

CoBlock Galleries: Collage

Block: Cover

Hintergrund fixiert, Höhe 300px, ansonsten Standardeinstellungen

Block: Cover

CoBlock: Hero

CoBlock: Hero

Beschreibung

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

CoBlock: Shapes über SmediaBlock: Video

Block Video, anschließend Block Overlay mit kein Schatten, Abstand alle 0, Versatz: -200px
Das bewirkt, dass folgender Block (hier Block Shapes) über das Video gelegt wird.

logo

Block: Shape Divider (nur in Voller Breite sinnvoll)
oben und unten (Farbe wechseln)

logo

in der Mitte Row-Block mit Hintergrundfarbe
und normalen Textblöcken

Nach oben