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.
<a class="button" href="https://horsens.ddbcms.dk/">Knap</a>
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.
<a class="button icon-white icon-circle-arrow-right" href="https://horsens.ddbcms.dk/"> Knap med ikon</a>
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.
<a class="icon icon-circle-arrow-right" href="https://horsens.ddbcms.dk/"> link med ikon</a>
Statusbeskeder og vigtige oplysninger
Disse kan være anvendelige, hvor der er oplysninger, som brugeren skal være særligt opmærksom på.
<p class="messages status">Status-besked</p>
<p class="messages warning">Advarsel</p>
<p class="messages error">Fejl-besked</p>
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.