Ikoner og knapper i DDB CMS

I sidste uge hackede jeg mig frem til en løsning på, hvordan man kan lave layout i flere kolonner med og uden ikoner i DDB CMS. Men der findes CSS classes til andre typer elementer i CMS'et, der også kan udnyttes på dine sider. Her er et par tips.

Links, Knapper og knapper med ikoner

Det er ret nemt at style et link, så det ligner en knap. Der skal bare tilføjes en enkelt class i a elementet. Tilføj et par classes mere, og linket får også et ikon. Her er et par eksempler.

En knap Du skal bare tilføje class="button" til a elementet.

Knap

En knap med ikon Du skal bare tilføje class="button icon-white icon-circle-arrow-right" til a elementet. Der er mange andre ikoner at vælge imellem. Se listen her.

  Knap med ikon

Bemærk  : Det er nødvendigt for at få et mellemrum mellem ikon og tekst.

Et link med ikon Du skal bare tilføje class="icon icon-circle-arrow-right" til a elementet.

  link med ikon

Statusbeskeder og vigtige oplysninger

Disse kan være anvendelige, hvor der er oplysninger, som brugeren skal være særligt opmærksom på.

Status-besked

Advarsel

Fejl-besked

Bemærk! Dette er hacks

Som Rolf Madsen venligt gør opmærksom på i DDB CMS forummet, er dette hacks. Formateringen kan gå tabt, såfremt CSS klasserne i fremtiden bliver ændret i DDB CMS style sheetet.