An die BürgerStiftung Hamburg spenden:

Mehrspalter

Der Standard-2-Spalter

Das 2-Spalter-Modul wird wahrscheinlich am häufigsten eingesetzt. Durch die unterschiedlichen Moduleigenschaften ist es äußerst flexibel und kann zur Gestaltung vieler unterschiedlicher Elemente genutzt werden, da Aufteilungen, Breite und Hintergründe individuell angepasst werden können. Auf dieser Seite sind nur einige davon zu sehen.

Das Modul kann Bilder, Videos, Diagramme, Zitate, Aufzählungen und vieles mehr enthalten.  Es ist damit ein echter Alleskönner unter den Modulen.

Dieses 2-Spalter-Modul enthält folgende Eigenschaften:

  • Headline: ja
  • Breite: Satzspiegel
  • Aufteilung: 50 | 50
  • Hintergrund: Hintergrundfarbe
  • Farbe: Weiß (Standard)
  • Textfarbe: Schwarz

DER 2-SPALTER ALS TRENNER

In der gesamten Browser-Breite kann das 2-Spalter-Modul wunderbar als Trenner benutzt werden. Als Hintergrundfarben können neben Weiß und den 4 Farben der BürgerStiftung (Orange, Rot, Dunkelrot und Pink) auch alle anderen Farben gewählt werden.

Als Textfarbe kann zwischen Weiß und Schwarz gewählt werden. Es ist allerdings auch möglich jedes Wort oder jeden Absatz in eigenen Farben anzuzeigen.

Dieses 2-Spalter-Modul enthält folgende Eigenschaften:

  • Headline: nein
  • Breite: Gesamte Browser-Breite
  • Aufteilung: 50 | 50
  • Hintergrund: Hintergrundfarbe
  • Farbe: BürgerStiftung-Dunkelrot
  • Textfarbe: Weiß

Andere Aufteilungen

Neben der Standard 50:50-Aufteilung lassen sich auch Einteilungen in 30:70 oder 70:30 (wie hier) wählen. Dadurch sind schmalere Spalten  (z.B. für Zitate) und breitere Spalten (z.B. für größere Fotos) möglich.

Auf dem Smartphone sind beide Spalten immer gleich breit und untereinander angeordnet.

Dieses 2-Spalter-Modul enthält folgende Eigenschaften:

  • Headline: ja
  • Breite: Satzspiegel
  • Aufteilung: 70 | 30
  • Hintergrund: Hintergrundfarbe
  • Farbe: Weiß (Standard)
  • Textfarbe: Schwarz

STREIFEN-HINTERGRÜNDE

Statt Farben und Bilder können auch hell-gestreifte Hintergründe in Grau, BürgerStiftung-Rot oder BürgerStiftung-Orange gewählt werden.

Dieses 2-Spalter-Modul enthält folgende Eigenschaften:

  • Headline: nein
  • Breite: Gesamte Browser-Breite
  • Aufteilung: 50 | 50
  • Hintergrund: Streifen
  • Streifenfarbe: Grau
  • Textfarbe: Schwarz





    *Pflichtfelder

    HINTERGRUNDBILDER

    Es kann zwischen 5 klassischen Hintergründen in BürgerStiftung-CI und eigenen Hintergrundbildern gewählt werden.

    Dieses 2-Spalter-Modul enthält folgende Eigenschaften:

    • Headline: nein
    • Breite: Gesamte Browser-Breite
    • Aufteilung: 30 | 70
    • Hintergrund: Hintergrundbild
    • Hintergrundbild: BürgerStiftung 01
    • Hintergrundeffekt: ohne Effekt
    • Textfarbe: Weiß
    YouTube

    Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
    Mehr erfahren

    Video laden

    ABDUNKELN & AUFHELLEN

    Beim Einbinden von eigenen Bildern gibt es die Möglichkeit zwischen zwei Bildeffekten zu wählen um die Lesbarkeit des Textes zu optimieren:

    • Abdunkeln (für eher dunklere Bilder mit weißem Text – wie hier)
    • Aufhellen (für eher hellere Bilder mit schwarzem Text – wie unten)

    Dieses 2-Spalter-Modul enthält folgende Eigenschaften:

    • Headline: nein
    • Breite: Gesamte Browser-Breite
    • Aufteilung: 50 | 50
    • Hintergrund: Hintergrundbild
    • Hintergrundbild: eigenes Bild
    • Hintergrundeffekt: Abdunkeln
    • Textfarbe: Weiß

    BILDER IM SATZSPIEGEL

    Bei Bild- und Farbhintergründen im Satzspiegel wird der Textbereich etwas schmaler, damit er nicht links und rechts am Rand „klebt“.
    In diesem Beispiel wurde das Hintergrundbild mit dem Effekt „Bild aufhellen“ versehen.

    Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam quis risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

    Dieses 2-Spalter-Modul enthält folgende Eigenschaften:

    • Headline: nein
    • Breite: Satzspiegel
    • Aufteilung: 50 | 50
    • Hintergrund: Hintergrundbild
    • Hintergrundbild: eigenes Bild
    • Hintergrundeffekt: Aufhellen
    • Textfarbe: Schwarz

    3-Spalter

    Das 3-Spalter Modul kann Bilder, Videos, Diagramme, Zitate, Aufzählungen und vieles mehr enthalten. Auf dem Smartphone erscheinen die 3 Spalten dann untereinander.

    Die Moduleigenschaften sind debei genau so vielfältig wie bei den 2-Spaltern. Es kann also zwischen Hintergründen in Farben, Streifen oder Bildern gewählt werden.

    Auch Breiten und Filter können variabel angewendet werden um z.B. auch den 3-Spalter als Trenner zu verwenden.

    VIELE EIGENSCHAFTEN

    Wie hier zu sehen ist, hat der 3-Spalter alle Funktionen des 2-Spalters um einen vielseitigen Einsatz zu ermöglichen.

    Eigenschaften dieses 3-Spalter-Moduls:

    • Headline: nein
    • Breite: Gesamte Browser-Breite
    • Hintergrund: Hintergrundbild
    • Hintergrundbild: BürgerStiftung 05
    • Hintergrundeffekt: ohne
    • Textfarbe: Weiß
    YouTube

    Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
    Mehr erfahren

    Video laden

    Team

    Icon-Teaser

    Downloads