Testseite für typische Inhaltselemente
- Textelement
- Linkliste in zwei Darstellungsvarianten (normale Linkliste und prominentere Darstellung z.B. für Downloads) mit den Link-Ausprägungen
- Link auf eine interne Seite
- Link auf eine externe Seite
- Link auf Sprungmarke (lokaler Anker)
- Link auf ein lokales PDF-Dokument
- Link auf ein externes PDF-Dokument
- Link auf ein Dokument in mehreren Formaten
- Social-Media-Links
- Akkordeon-Container mit Elementen
- Service- und Promoboxen für prominente Ankündigungen
- Inhaltselemente für Bilder
- Bildelement für Bilder über die Inhaltsbreite oder Bild-Text-Kombinationen.
Vergrößerung und Download eines Druckformates sind optional. - Bildergalerie als Slider
Bedienung des Sliders inklusive der Thumbnails, Copyright-Infos - Bildergalerie als Grid
- Bildelement für Bilder über die Inhaltsbreite oder Bild-Text-Kombinationen.
- Inhaltselemente für Video und Audio
- Video-Element mit Einbindung eines YouTube-Videos (Standard)
Bei YouTube-Videos ist es mit unserem Player (Plyr) leider nicht möglich, die Captions zu verwenden, weder die Einbindung als VTT-Datei, noch die Darstellung der Captions, welche auf YouTube eingepflegt wurden. Wir bieten als Alternative den Link zum Video auf YouTube an. - Video-Element mit lokaler MP4-Datei und Captions
- Audioplayer für lokal abgelegte Audiodateien
- Video-Element mit Einbindung eines YouTube-Videos (Standard)
- Karte mit einer beliebigen Anzahl von Markern (Google Maps-Koordinaten werden benötigt)
- Rechte Spalte (Kontextspalte
- Kontakt-Element
- Inhalt der Kontextspalte
Überschrift mit Text, kann auch Links und Downloads aufnehmen
Textblock mit Blindtext
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.
Linkliste
- Link auf eine interne Seite Ein Zusatztext mit maximal 255 Zeichen ist optional möglich.
- Link auf eine externe Seite Ein Zusatztext mit maximal 255 Zeichen ist optional möglich.
- Link auf eine Sprungmarke
- Link auf einen RSS-Feed
- Link auf ein externes PDF-Dokument (PDF | 127 KB) Ein Zusatztext mit maximal 255 Zeichen ist optional möglich, das Icon variiert je nach Dokumentart.
- Link auf ein Dokument in mehreren Formaten
- Link auf ein Word-Dokument (DOC | 26 KB) Ein Zusatztext mit maximal 255 Zeichen ist optional möglich.
- Link auf eine Excel-Datei (XLSX | 7 KB) Ein Zusatztext mit maximal 255 Zeichen ist optional möglich.
- Link auf eine Powerpoint-Datei (PPTX | 29 KB) Ein Zusatztext mit maximal 255 Zeichen ist optional möglich.
- Link auf Datei für die kein Icon vorhanden ist (PNG | 563 KB) Wird auch für Links auf Bilddateien verwendet.
Linkliste mit Trennstrichen
- Link auf ein PDF-Dokument (PDF | 28 KB) Ein Zusatztext mit maximal 255 Zeichen ist optional möglich, das Icon variiert je nach Dokumentart.
- Link auf ein externes PDF-Dokument (PDF | 127 KB) Ein Zusatztext mit maximal 255 Zeichen ist optional möglich, das Icon variiert je nach Dokumentart.
- Link auf ein Dokument in mehreren Formaten
- Link auf ein Word-Dokument (DOC | 26 KB) Ein Zusatztext mit maximal 255 Zeichen ist optional möglich.
- Link auf eine Excel-Datei (XLSX | 7 KB) Ein Zusatztext mit maximal 255 Zeichen ist optional möglich.
- Link auf eine Powerpoint-Datei (PPTX | 29 KB) Ein Zusatztext mit maximal 255 Zeichen ist optional möglich.
- Link auf Datei für die kein Icon vorhanden ist (PNG | 563 KB) Wird auch für Links auf Bilddateien verwendet.
Social-Media-Links und Medien-Links im Text
Social-Media-Links und Medien-Links als Link-Elemente
Akkordeon-Container
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.
Bild über die Breite der Inhaltsspalte
Die optionale Überschrift und der optionale Zusatztext werden nach dem Bild dargestellt, in der HTML-Struktur sind sie jedoch an der richtigen Position vor dem Bild. Bilder in diesem Format kommen mest am Seitenanfang nach der ersten H1-Überschrift zum Einsatz.
![Foto: Gregor Hartl Mitarbeiter*innen der Stadtbibliothek](/images/Highlights_Foto_Gregor_Hartl_680_383.jpg)
Bildelement für Bild-Text-Kombination - Vergrößerung und Download optional
Bis zu einer Bildbreite von 250 Pixel wird der Text rechts vom Bild angezeigt, bei breiteren Bildern rutscht er unter das Bild. Grundsätzlich bleibt der Text auf der vertikalen Flucht neben dem rechten Bildrand, optional kann er das Bild auch umfließen. Folgende Varianten sind möglich:
- Nur kleines Bild und Text
- Bild mit Link auf größere Variante des Bildes und Text
- Bild mit Link auf größere Variante des Bildes und Text und Link auf eine Druckdatei mit den relevanten Informationen
Foto: Max Mustermann
17 x 13 cm mit 300 dpi, 1,51 MB
Druckdatei
Bildergalerie als Slider
Mageritenwiese
Brachvegetation am Verschubbahnhof
Dachbegrünung
Teich mit Schilf und Algenbewuchs
Lebensraum Wiese
Parkanlage mit Sträuchern und Blumenbeeten
Tagpfauenauge
Bildergalerie als Grid
Video-Element mit Youtube-Video
Am Pöstlingberg in Linz warten 600 Tiere auf euren Besuch. Erdmännchen, Zebras, Rote Pandas, Antilopen, Kängurus, Papageien, die 120 Arten sind ein Erlebnis für Groß und Klein, Jung und Alt.
Die zoologische Leiterin Mag.a Tanja Zizdai gibt einen Überblick des Angebotes der beliebten Einrichtung:
"Wir sind ein sehr familienfreundlicher Zoo, wir haben sehr niedrige Eintrittspreise. Ganz aktuell gibt es bei uns auch einiges zu sehen. Wir haben die Katta-Anlage eröffnet, da haben wir schon Jungtiere. Und ganz frisch seit letzter Woche sind die Erdmännchen zu beobachten. Da haben wir gleich fünf Jungtiere. Und da ist eigentlich immer etwas los, also für die Besucher ist es sicher ganz lustig."
Videodatei herunterladen / im Standard-Player ihres Gerätes abspielen (MP4, 22 MB) (neues Fenster)
Video-Element mit lokaler MP4-Datei und Captions
![](https://www.linz.at/media/player/play-poster_lentos.png)
Videobeitrag von planetlive.tv über die Ausstellung von Markus Schinwald im Lentos Kunstmuseum Linz von 28. Oktober 2011 bis 12. Februar 2012. Gezeigt werden Eindrücke aus der Ausstellungseröffnung mit Detailaufnahmen von Objekten und kurzen Ausschnitten aus Videoinstallationen. Zu Wort kommen die Direktorin des Museums Stella Rollig und der Künstler Markus Schinwald selbst. Der Beitrag informiert über die Beweggründe des Künstlers und die Intentionen der Ausstellung.
Videodatei herunterladen / im Standard-Player ihres Gerätes abspielen (MP4, 166 MB) (neues Fenster)
Audio-Datei
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext. Genau zu diesem Zwecke erschaffen, immer im Schatten meines großen Bruders »Lorem Ipsum«, freue ich mich jedes Mal, wenn Sie ein paar Zeilen lesen. Denn esse est percipi - Sein ist wahrgenommen werden. Und weil Sie nun schon die Güte haben, mich ein paar weitere Sätze lang zu begleiten, möchte ich diese Gelegenheit nutzen, Ihnen nicht nur als Lückenfüller zu dienen, sondern auf etwas hinzuweisen, das es ebenso verdient wahrgenommen zu werden: Webstandards nämlich.