Benis ToDos (Stand 17.05.2023):

  1. Popup: Lightbox/FancyBox: wie GBS, zeitlich steuerbar? Pflege möglich? Mobile: Bild raus.

DocCheck Login

Auf dem Test-Server (https://trbchemedica.mediapool-muc.de/):
Benutzername: test23
Passwort: test@23

Farbige Boxen

Die farbigen Boxen ziehen sich in der Regel über die volle Breite einer Zeile. Und setzen sich aus jew. zwei Farben (die versetzt dargestellt werden) für die jew. 3 Bereiche zusammen.
Einbindung:
Die Zeile muss auf „Zeile strecken“ gesetzt sein.
Der Zeile muss die jew. Klasse für den Bereich gegeben werden, also neutral, augenheilkunde, orthopaedie oder thinkpink.
Die Klasse padding in der Spalte mit dem Text in der Box sorgt für ein Abstand vom Text zum Boxrand.
Im Hauptinhaltsbreich in einer Zeile sorgt die Klasse padding nur für eine Einrückung des Inhalts am linken und rechten Rand.

Bild und Text versetzt

Um zwei Spalten (z.B. Bild und Text) in Desktop vertauscht anzuzeigen, muss der entsprechenden Zeile die Klasse swap-columns-desktop mitgegeben werden (z.B. bei Über TRB).

Bilder in farbigen Boxen

Bilder in farbigen Boxen werden automatisch mit abgerundeten Ecken dargestellt, sofern das Bild als Einzelbild eingebunden wurde.
Bildgrößen:
Groß: 469 x 500.
Klein: 215 x 230.

Bildgrößen (Größenangabe bei 72 dpi)

PNGs vor dem Hochladen/Einbinden in die Website immer über TinyPNG komprimieren, da sonst die Datenmenge zu groß ist. https://tinypng.com/

Beschreibung verwendet in Format Breite Höhe
Content (1/3 desktop) /ueber-trb/ JPG 420 beliebig
Produkt: Slider (Hintergrundbild) /
/augenheilkunde/
/orthopaedie/		 JPG 708 482
Produkt: Slider (Produktbilder) /
/augenheilkunde/
/orthopaedie/		 PNG
transparent		 beliebig 596
(Höhe von Unterkante Produkt bis Oberkante Hintergrundbild, unten ausgerichtet)
Banner mit der Klasse blau-mit-bild (reusable block) / JPG 520 520
Service-Icons /service/ SVG 309 309
Produkte Übersicht /augenheilkunde/
/orthopaedie/		 PNG
Komprimieren über TinyPNG		 keine Größen-Vorgabe
(die Produkte sollten vom Verhältnis zueinander passen)
Produkt Suche /produkte/augenheilkunde/
/produkte/orthopaedie/		 Bilder aus dem Produkte-Detail-Slider
Produkte-Detail-Slider /augenheilkunde/vismed-vismed-multi/ PNG
Komprimieren über TinyPNG		 420 365
Produktlogos /produkte/ JPG
zentriert		 136 136
Banner / JPG 1442 360
Mediathek Prospekt /service/mediathek/ JPG 287 408