Sie sind hier: Muster mit verschiedenen Bildformaten
Bildformate (Metaseite)
Alles ist schon auf demo übertragen!
Box "Kasten"
Hier zeige ich, weche Bildformate es gibt. Die Eigenschaften und das Verhalten der Bildformate ist bei uns zentral hinterlegt. Das dient dazu, diese Merkmale einheitlich wiederzuverwenden. Wir können diese Eigenschaften zentral anpassen.
Bildgrößen könntet ihr (theoretisch) zentral selber ändern, aber es wirkt sich dann auf alle Bilder des Formates aus, die schon eingebaut sind. Besser ist, ihr sprecht uns an, wenn euch eine Größe fehlt, dann können wir euch ein neues Format anlegen, was ihr dann ebenfalls wiederverwenden könnt.
Bildformate mit Float (Umfließen):
Floateigenschaften haben wir zentral hinterlegt, ihr könnt sie nicht selber ändern. Ihr könnt beim Einbau links und rechts wählen, entsprechend wird es vom Text umflossen.
Eine horizontale Linie unterbricht das Umfließen, was in manchen Fällen nötig ist.
Nur bei den Bildern, die floaten, wirkt sich die Wahl von links und rechts (welche beim Einbau zur Verfügung steht) aus, bei allen anderen ncht.
Untertitel
kann man bei jedem Bildformat zentral aktivieren. Es wird dann der Titel des Bildes aus dem Bilderindex als Bildunterschrift ausgegeben. Auch hier legen wir am besten ein eigenes Bildformat mit Untertitel an, was ihr dann immer wieder verwenden könnt, wenn ihr ein Bild mit Untertitel braucht. Ich habe es jetzt die Untertitel mal für web-center aktiviert.
Thumb floatend links und rechts
Thema: Wie komme ich zu einheitlichen Bildgrößen in einem Format, z.B. web oder thumb?
Zu jedem Bildformat (du kannst es dir im Backend anschauen, Du hast die Rechte) kann man eine Breite und eine Höhe festlegen. Zudem kann man wählen, ob sie auf einheitliche Breite, einheitliche Höhe oder nach der längsten Kante auf dieses Maß gerechnet werden sollen.
Ich habe das Thumb-Format jetzt so eingestellt, dass es auf eine einheitliche Breite gerechnet wird.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Web floatend links und rechts
Ich habe die Eigenschaften des Webformates jetzt so geändert, das ab einer Bildschirmbreite von 768 Pixel nicht mehr floatet.
Ich habe beide Web-Formate jetzt so eingestellt, dass alle auf eine einheitliche Breite gerechnet werden. Alle Hochformatbilder, die in einer der beiden Webgrößen eingebaut werden, werden natürlich entsprechend ziemlich hoch.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of
Web zentriert
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of
Flexbox-zweispaltig
Textbox
Bitte in der Flexbox zweispaltig das Bildformat zweispaltig wählen.
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. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of.
Flexbox zweispaltig 2 Bildboxen nebeneinander
Mit bildbox-links und bildbox-rechts. Ist noch nicht ganz ausgereift, das siehst du beim Skalieren. Muss noch optimiert werden, ist auch noch nicht Teil des CK-Editors.
Highlight-Boxen (3 nebeneinander)
Bildformat highlight
Überschrift
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
Überschrift
ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua
Überschrift
Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Fullsize
für flache Querformate
