Ikoner og knapper i DDB CMS
Bemærk: I efteråret 2016 lægges der et nyt tema på DDB CMS. Så går denne metode i stykker! Jeg arbejder på et sæt metoder, der vil være uafhængige af det tema, der til enhver tid er installeret i Drupal: - Sådan installeres “stand alone” ikoner 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.