Worum geit's?
Es Badge-Element uf ere Websiite isch e visuell oder grafischs Element, wo ganz unterschiedlich cha bruucht werde: vom Symbool, wo e Überschrift unterstreicht, bis zu enem Qualitätssymbool, wo Vertrauen schafft.
Badge
Chliini Grafik, grossi Wärkig
Guet zum wüsse
Es Badge-Element cha es Foto, es Vektorbödli oder sogar e animierti GIF-Grafik sii, zum d'Ufmerksamkeite vo de Nutzer:innen z'erhöche.
Wenn Du mit em Hover über s’Bödli gahsch, wird das härangezoomt, und dr Titel wird, wenn er gsetzt isch, azeigt. Für SVG-Dateie wird dr Titel nume azeigt, wenn i dr Bilddatei sälber e Titel vergä isch.
Wenn Du uf s’Bödli klicksch, wird uf d’Site igwechselt, wo im TYPO3 Backend hinderleit isch, falls es Link iipflegt worde isch.
Live-Demo
Bispiel A:
Badge mitem Icon undem Link
Badge-Ausrichtig: rächts
Beispil B:
Badge mit Bödli
Badge Uusrichtig: mitti
Beispil C:
Badge mit animiertem GIF
Badge Uusrichtig: links
Badge i Grössi M (Standardgrössi)
Bispiel A:
Badge i de Conversion-Farb mitem Icon
Bispiel B:
Badge mitem Bild undem Link
Bispiel C:
Badge mitem animierte GIF
Badge i Grössi L
Bispiel A:
Badge i de Conversion-Farb, mitem Icon undem Link
Bispiel B:
Badge mitem Bild
Bispiel C:
Badge mitem animierte GIF undem Link