Design Container: Webseiten gestalten per Mausklick ohne Programmierung

14. Feb 2014

Weblication bietet inzwischen mehr als 20 verschiedene Container zur Inhaltsgestaltung und Abbildung logischer Operationen.

Wir stellen Ihnen die wichtigsten Gestaltungscontainer und deren Gestaltungsvarianten vor;  so z.B. Einblender / Layer, Inhaltsbox (mit weiteren Elementen befüllbar), Inhaltscontainer mit Akkordeon Effekt, Inhaltscontainer mit Registerlaschen, Layout-Container, Mehrspaltiger Inhaltscontainer.

Akkordeon-Container
Akkordeon-Container

Einblender / Layer

Mit diesem Strukturelement kann der Redakteur Inhaltselemente an beliebiger Stelle beim Überfahren mit der Maus einblenden lassen. Der beim Überfahren eingeblendete Layer kann mit beliebigen Elementen gefüllt werden. Auch die zum Aktivieren des Layers überfahrbaren Elemente lassen sich frei definieren. Wie der Layer eingeblendet wird, lässt sich frei über CSS definieren.

Verfügbare Darstellungsvarianten:

  • Von oben überlappen
  • Von unten überlappen
  • Nach rechts ausfahren
  • Als Sprechblase darüber anzeigen

    Inhaltsbox (mit weiteren Elementen befüllbar)

    Dieser Inhaltscontainer erlaubt es dem Redakteur, Inhalte in einer Box besonders hervorzuheben. Er lässt sich mit beliebigen Inhaltselementen befüllen, deren Breiten über das CSS-Rendering automatisch angepasst werden. Falls es mehrere Layoutvarianten gibt, kann der Redakteur diese auswählen und so unterschiedlich gestaltete Container einbauen. Boxen können sowohl in mehrspaltigen Containern vorkommen, als auch mehrspaltige Container beinhalten.

    Verfügbare Darstellungsvarianten:

    • Hervorgehoben
    • Eingerahmt
    • Rahmen und Schatten
    • Halbtransparnt
    • Vertikal scrollbar mit fester Höhe
    • Fest definiertes Hintergrundbild
    • Auswählbares Hintergrundbild
    • Eingerahmt mit Hintergrundbild, Mouseover-Bild und Link
    • Bild und Text rechts oder links, Mouseover-Bild und Link
    • Hintergrundbild und Text rechts oder links, Mouseover-Bild und Link
    • Eingerahmt mit fixiertem Hintergrundbild
    • Bild oben 100% mit Inhalt
    • Sprechblase
    • Überschrift (erste enthaltene Überschrift oben anzeigen)
    • Überschrift (erste enthaltene Überschrift oben links anzeigen)
    • Überschrift (erste enthaltene Überschrift oben rechts anzeigen)
    • Vergrößerbar, Aufklapper rechts
    • Vergrößerbar, Aufklapper mittig
    • Vergrößerbar, Aufklapper mittig darüber minimiert
    • Vergrößerbar, Aufklapper mittig darunter minimiert
    • Vergrößerbar, Aufklapper rechts nur Text
    • Vergrößerbar, Aufklapper mittig nur Text
    • Einblenden, wenn im Sichtbaren Bereich
    • Einfahren von rechts, wenn im Sichtbaren Bereich
    • Einfahren von links, wenn im Sichtbaren Bereich

    Inhaltscontainer mit Akkordeon Effekt

    Dieser Inhaltscontainer erlaubt es dem Redakteur, mehrere Inhalte über einen Akkordeon Effekt darstellen zu können. Optional kann ein Container beim Laden bereits geöffnet werden. Es ist einstellbar, ob alle Container zugeklappt werden können und ob beim Öffnen die individuellen Höhen der jeweiligen Inhaltsbereiche berücksichtigt werden sollen. Auf Wunsch kann das zuletzt geöffnete Tab gemerkt werden, um es beim Neuladen wieder zu öffnen. Einzelne Tabs lassen sich über Anker direkt anspringen und stehen in der Maske eines Linkelementes automatisch zur Auswahl bereit.

    Verfügbare Darstellungsvarianten:

    • Eingerahmt
    • Neutral
    • Minimal
    • Eingerückt

    Inhaltscontainer mit Registerlaschen

    Dieser Inhaltscontainer erlaubt es, mehrere Inhalte über Register darzustellen. Ein Register besteht aus einer Registerlasche und einem mit Inhaltselementen befüllbaren Container. Das geöffnete Register lässt sich einstellen. Je nach Konfiguration kann der Redakteur zwischen mehreren Darstellungsvarianten wählen. Es ist einstellbar, ob das zuletzt geöffnete Register beim erneuten Laden wieder ausgewählt werden soll.

    Verfügbare Darstellungsvarianten:

    • Eingerahmt
    • Neutral
    • Schaltflächen
    • Schaltflächen mittig
    • Ganze Breite eingerahmt
    • Schaltflächen mittig darunter
    • Schaltknöpfe mittig darunter
    • Laschen mit Abstände
    • Laschen mit Abstände und Schatten
    • Laschen abgerundet mit Abstände
    • Laschen abgerundet mit Abstände und Schatten
    • Register links
    • Register links mit Titel
    • Register links mit Titel links
    • Register links 100% hoch

    Layout-Container

    Dieser Inhaltscontainer erlaubt es, mehrere Inhalte über Register darzustellen. Ein Register besteht aus einer Registerlasche und einem mit Inhaltselementen befüllbaren Container. Das geöffnete Register lässt sich einstellen. Je nach Konfiguration kann der Redakteur zwischen mehreren Darstellungsvarianten wählen. Es ist einstellbar, ob das zuletzt geöffnete Register beim erneuten Laden wieder ausgewählt werden soll.

    Verfügbare Darstellungsvarianten:

    • Halbe Breite links ausgerichtet
    • Halbe Breite rechts ausgerichtet
    • Halbe Breite zentriert
    • Breite des Kopfbereichs
    • Bleibt beim Scrollen oben kleben
    • Neutral mit ID versehbar
    • Neutral mit beliebiger CSS-Klasse versehbar
    • Neutral mit auswählbarer CSS-Klasse

    Mehrspaltiger Inhaltscontainer

    Dieser Inhaltscontainer erlaubt es, mehrere Inhalte über Register darzustellen. Ein Register besteht aus einer Registerlasche und einem mit Inhaltselementen befüllbaren Container. Das geöffnete Register lässt sich einstellen. Je nach Konfiguration kann der Redakteur zwischen mehreren Darstellungsvarianten wählen. Es ist einstellbar, ob das zuletzt geöffnete Register beim erneuten Laden wieder ausgewählt werden soll.

    Verfügbare Darstellungsvarianten:

    • Individuelle Spaltenhöhe
    • Einheitliche Spaltenhöhe
    • Trennstriche, individuelle Spaltenhöhe
    • Trennstriche, einheitliche Spaltenhöhe