Zum Inhalt springen

Sie sind hier:

Besondere Elemente auf der Internetseite

Nutzen Sie diese Elemente gerne als Kopiervorlage!



Aufklappcontainer (Akkordeons)

Klapp mich auf!

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Noch ein Container

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Klappcontainer im Klappcontainer

Erster innerer Container

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Zweiter innerer Container

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Ansprechpartner-Box

Ihre Ansprechpartnerin

Doris Wächter
beantwortet gern Ihre Fragen:

Telefon: 05 41 / 71 01-128
Telefax: 05 41 / 71 01-196
E-Mail: spenden@remove-this.tdh.de


Teaser-Links

Überschrift des Elements

Ein normales Inhaltselement - der Link sitzt lediglich im Ankertext am Ende des Artikels - sollten auch Bild und Überschrift verlinkt sein, so müssen alle einzeln verlinkt werden. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. weiterlesen



Optik für Teaser auf Verteilerseiten

Idealerweise werden 6 Teaser eingesetzt, weil diese immer ideal umbrechen - probieren Sie es aus:

  • Desktop: 2 Zeilen x 3 Spalten
  • Tablett Hochformat: 3 x 2
  • Mobil: 6 x 1 

So werden Ihre Spenden eingesetzt

So hat terre des hommes eine Spende von 100 Euro im Jahr 2015 eingesetzt: 


Alternative Optik für Teaser auf Projekte-Seiten

Bilder sollten die gleichen Proportionen haben (Bild-Editor nutzen!) und links im Text angeordnet sein. Keine manuelle Bildgröße einstellen, bzw. diese aus den alten Inhalten bitte löschen.

Im indischen Bundesstaat Rajasthan hat terre des hommes gemeinsam mit lokalen Partnern Mädchen mit Fahrrädern ausgestattet. Mit ihrem neuen Transportmittel können die Elf- bis 15-Jährigen nun die Schule besuchen. mehr


Zwangsarbeit ist in Indien weit verbreitet. Die Organisation READ schafft es, mit Bildungsangeboten und Aufklärung, die Zahl der ausgebeuteten Kinder zu senken. mehr


Zweispaltige Darstellung von Inhalten - in der Mobilansicht dann einspaltig

Im Tausch für einen Kredit

Zwangsarbeit ist in Indien weit verbreitet. Die Organisation READ schafft es, mit Bildungsangeboten und Aufklärung, die Zahl der ausgebeuteten Kinder zu senken. mehr

Bildung für Mädchen

Im indischen Bundesstaat Rajasthan hat terre des hommes gemeinsam mit lokalen Partnern Mädchen mit Fahrrädern ausgestattet. Mit ihrem neuen Transportmittel können die Elf- bis 15-Jährigen nun die Schule besuchen. mehr


Zweispaltige Darstellung von Inhalten – Container 66%/33%

Ein Textblock in der linken Spalte

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Zwangsarbeit von Kindern

Eine Aufzählung in der rechten Spalte

  • Hier steht der erste Punkt
  • Hier steht noch ein Punkt
  • Ein dritter Punkt steht hier und kann auch umbrechen, wenn er zu lang ist
  • Noch eine Aufzählungspunkt
  • Ein allerletzter Aufzählungspunkt

Zweispaltige Darstellung von Inhalten – Container 33%/66%

Ein Textblock in der linken Spalte

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.Zwangsarbeit von Kindern

Eine Aufzählung in der rechten Spalte

  • Hier steht der erste Punkt
  • Hier steht noch ein Punkt
  • Ein dritter Punkt steht hier und kann auch umbrechen, wenn er zu lang ist
  • Noch eine Aufzählungspunkt
  • Ein allerletzter Aufzählungspunkt

Dreispaltige Darstellung von Inhalten - in der Mobilansicht dann einspaltig

Linke Spalte

Zwangsarbeit ist in Indien weit verbreitet. Die Organisation READ schafft es, mit Bildungsangeboten und Aufklärung, die Zahl der ausgebeuteten Kinder zu senken. mehr

Mittlere Spalte

Zwangsarbeit ist in Indien weit verbreitet. Die Organisation READ schafft es, mit Bildungsangeboten und Aufklärung, die Zahl der ausgebeuteten Kinder zu senken. mehr

Rechte Spalte

Zwangsarbeit ist in Indien weit verbreitet. Die Organisation READ schafft es, mit Bildungsangeboten und Aufklärung, die Zahl der ausgebeuteten Kinder zu senken. mehr


Dreispaltige Darstellung von Inhalten - in jeder Auflösung

Linke Spalte

Zwangsarbeit ist in Indien weit verbreitet. Die Organisation READ schafft es, mit Bildungsangeboten und Aufklärung, die Zahl der ausgebeuteten Kinder zu senken. mehr

Mittlere Spalte

Zwangsarbeit ist in Indien weit verbreitet. Die Organisation READ schafft es, mit Bildungsangeboten und Aufklärung, die Zahl der ausgebeuteten Kinder zu senken. mehr

Rechte Spalte

Zwangsarbeit ist in Indien weit verbreitet. Die Organisation READ schafft es, mit Bildungsangeboten und Aufklärung, die Zahl der ausgebeuteten Kinder zu senken. mehr


Datensätze einfügen

Die folgenden Inhalte sind von einer anderen Seite eingefügt worden und werden hier nur angezeigt. Änderungen in den Quell-Datensätzen führen automatisch auch zu Änderungen in diesen "Referenz-Datensätzen".

Dies ist die Kapitelüberschrift zweiter Hierarchie-Ebene (Typ "H2 Normal")

Dies ist die Überschrift dritter Hierarchie-Ebene (Typ "H3 Normal")

Dies ist die Überschrift vierter Hierarchie-Ebene (Typ "H4 Normal")

Dies ist die Überschrift fünfter Hierarchie-Ebene (Typ "H5 Normal")

Andersfarbiger Block

Einem Inhaltselement kann auch ein leichtgrauer Hintergrund zugeordnet werden. Stellen Sie dazu im Reiter Erscheinungsbild das Dropdown Laqyout auf "Infobox grau"

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. 


Einbinden von YouTube Videos

Das responsive eingefügte Video nutzt immer den Platz, der ihm zur Verfügung steht und ist somit auch in mehrspaltigen Containern und Spalten ohne Verzerrung nutzbar. 


Tabellen

Prüfen Sie unbedingt, ob Sie eine Tabelle einsetzen müssen! Viele Elemente können auch mit Hilfe von Rasterelementen umgesetzt werden. 

Tabellen mit mehreren Spalten machen z.B. meistens keinen Sinn in mobilfähigen Darstellungen!

Tabelle

erste Zelle zweite Zelle dritte Zelle vierte Zelle
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor

Tabelle mit Tabellenkopf (oben)

erste Zelle zweite Zelle dritte Zelle vierte Zelle
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor

Tabelle mit Tabellenkopf (links)

erste Zelle zweite Zelle dritte Zelle vierte Zelle
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor
Lorem ipsum dolor sit amit dolor
Zurück zum Seitenanfang

Bleiben Sie doch noch einen Moment –
und abonnieren Sie unseren Newsletter!

Jetzt anmelden!

Bleiben Sie informiert.
Abonnieren Sie unseren Newsletter!

Jetzt anmelden!