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
CoBlock: Social Profiles
CoBlock: Service (Block-Set mit 2 Blöcken)
Service
Beschreibung
Titel
Beschreibung
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
34497 Korbach
+49 5631 61800
+49 0170 10 61800
info@smedia.onl
Individuelle Cards
Max Mustermann
Am Kleegarten 4
34497 Korbach
+49 5631 61800
+49 0170 10 61800
info@smedia.onl
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.
Max Mustermann
Am Kleegarten 4
34497 Korbach
+49 5631 61800
+49 0170 10 61800
info@smedia.onl
Max Mustermann
+49 5631 61800
+49 0170 10 61800
info@smedia.onl
Individuelle Card waagerecht
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
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)
image12 
image13 
image09 
image10
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
image12 image13 image10 image08 image11
Block: Medien und Text
Block: Medien und Text
Und hier kommt weiterer Text
CoBlock: Media Card
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)
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.
Block: Shape Divider (nur in Voller Breite sinnvoll)
oben und unten (Farbe wechseln)
in der Mitte Row-Block mit Hintergrundfarbe
und normalen Textblöcken