In dit artikel leggen we je uit welke HTML-opmaakcodes je op een badge kunt toepassen.
Onderstaande voorbeelden zijn gebaseerd op de 260 EXPO badge:
- Voorbeeld 1; badge-opmaak (links uitgelijnd)
- Voorbeeld 2; badge-opmaak (gecentreerd uitgelijnd)
Voorbeeld 1
Bovenstaande code, maar dan beknopt:
Bovenstaande code, maar dan met styling opgemaakt:
Bovenstaande code (incl. styling), maar dan beknopt:
Voorbeeld 2
Bovenstaande code, maar dan beknopt:
Bovenstaande code, maar dan met styling opgemaakt:
Bovenstaande code (incl. styling), maar dan beknopt:
Woorden afbreken badge:
In een gastenlijst heb je soms te maken met hele lange namen of bedrijfsnamen.
Voorbeeld:
Hubert Blaine Wolfeschlegelsteinhausenbergerdorff
Op een badge wordt een naam automatisch na een spatie afgebroken. Voorbeeld:
Hubert Blain
Wolfeschlegelsteinhausenbergerdorff
Het zou kunnen dat je deze ruimte niet hebt. Je kan er dan voor kiezen om het lettertype te verkleinen maar je kan er ook voor kiezen om de naam willekeurig af te breken. Het ziet er dan bijvoorbeeld als volgt uit:
Hubert Blain
Wolfeschlegelsteinhausen
bergerdorff
Dit doe je door tussen "width" en "text allign" de volgende code toe te voegen: "word-break:break-all;"
Voorbeeld:
