Medienauszeichnungen

Hier finden sie alle Elemente zur Formatierung von Medien wie Bilder, Videos und Audioplayern.

Elemente bei Aballeimer.org

In der jeweiligen Box “Beispiel” sehen Sie anhand eines Beispiels, wie die entsprechende Definition aussehen wird. Um das Beispiel selbst nutzen zu können, kopieren Sie den Beispielcode aus der Box “Code” in Ihre Seite und passen den Text nach Ihren Bedürfnissen an.

Achten Sie darauf, dass Sie den Code in den Texteditor kopieren und nicht in den Visuelleditor.

Inhaltsverzeichnis

Beispiele um Medien zu Formatiern

Icons

Icon

Bilder

Bild Originalgrösse

Dieses Bild wurde in Originalgrösse 600 x 400 eingefügt ohne Ausrichtung.

Bild in Originalgrösse mit Ausrichtung links

Alternativtext

Bild in Originalgrösse mit Ausrichtung center

Alternativtext

Bild in Originalgrösse mit Ausrichtung center

Alternativtext

Bild in Grösse 300 x 200 ohne Ausrichtung mit Beschriftung

Dieses Bild wurde in Grösse 300 x 200 eingefügt ohne Ausrichtung mit Caption (Beschriftung).

Alternativtext
Beschriftung

Bild in Grösse 300 x 200 ohne Ausrichtung mit Link zur Medien-Datei

Dieses Bild wurde in Grösse 300 x 200 eingefügt ohne Ausrichtung mit Link zur Medien-Datei.

Alternativtext

Bild in Grösse 300 x 200 ohne Ausrichtung mit Link zur Anhang-Seite ?????

Dieses Bild wurde in Grösse 300 x 200 eingefügt ohne Ausrichtung mit Link zur Anhang-Seite.

Alternativtext
Dieses Bild wurde in Grösse Vorschaubild 300 x 200 eingefügt ohne Ausrichtung mit Link.

Alternativtext

Bild in Grösse Vorschaubild ohne Ausrichtung

Dieses Bild wurde in Grösse Vorschaubild 150 x 150 eingefügt ohne Ausrichtung.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Alternativtext

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.

Bild in Grösse Vorschaubild mit Ausrichtung links

Dieses Bild wurde in Grösse Vorschaubild 150 x 150 eingefügt mit Ausrichtung links.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Alternativtext

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.

Bild in Grösse Vorschaubild mit Ausrichtung zentriert

Dieses Bild wurde in Grösse Vorschaubild 150 x 150 eingefügt mit Ausrichtung zentriert.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Alternativtext

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.

Bild in Grösse Vorschaubild mit Ausrichtung rechts

Dieses Bild wurde in Grösse Vorschaubild 150 x 150 eingefügt mit Ausrichtung rechts.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Alternativtext

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.

Bild in Grösse Vorschaubild ohne Ausrichtung

Dieses Bild wurde in Grösse Vorschaubild 150 x 150 eingefügt ohne Ausrichtung.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.AlternativtextLorem 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.

Bild in Grösse Vorschaubild mit Ausrichtung links

Dieses Bild wurde in Grösse Vorschaubild 150 x 150 eingefügt mit Ausrichtung links.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.AlternativtextLorem 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.

Bild in Grösse Vorschaubild mit Ausrichtung zentriert

Dieses Bild wurde in Grösse Vorschaubild 150 x 150 eingefügt mit Ausrichtung zentriert.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.AlternativtextLorem 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.

Bild in Grösse Vorschaubild mit Ausrichtung rechts

Dieses Bild wurde in Grösse Vorschaubild 150 x 150 eingefügt mit Ausrichtung rechts.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.AlternativtextLorem 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.

Videos

YouTube Videos

YouTube Videos (Teilen)
YouTube Videos (Einbetten mit iframe)

Vimeo Videos

Vimeo Videos (Teilen)
Vimeo Videos (Einbetten mit iframe)

Audio

Audio Standard

MP3 als URL

fyyd

fyyd (Einbetten)
fyyd (javascript)

Soundcloud

Soundcloud (Teilen)
Soundcloud (Einbetten)
Soundcloud (Einbetten WordPress-Code)

Institut für Abfallzertifizierung