Classes de estilos no Zendesk via HTML

No Zendesk tem disponível quatro classes de estilos para alguns parágrafos. São eles:

Para adicionar, você deve clicar no ícone de menor que, barra e maior que para abrir o editor de códigos HTML desse artigo.

Classes de estilos

Cor laranja para ALERTAS - class = "nota_importante"

Exemplo:

Alerta/Cuidado: Luctus eu id lectus ligula fames dictumst quis litora penatibus taciti, porta morbi neque sem nullam viverra consectetur congue facilisi, sit cursus pellentesque nostra mus duis nibh vitae sagittis. Mus natoque taciti nam fringilla est habitasse ut lectus quam commodo velit, hendrerit ad mauris cursus ipsum aliquet venenatis ante dapibus volutpat. Eget commodo quis volutpat nunc laoreet sit feugiat bibendum curabitur cras suscipit lacinia pretium class duis, ridiculus proin vitae vivamus faucibus pulvinar eleifend phasellus ultrices vestibulum fermentum aptent iaculis orci. Pulvinar imperdiet vel accumsan odio suscipit fames ultricies lorem dui non, pretium nisl donec torquent porta conubia ridiculus penatibus egestas diam, primis netus iaculis tempor in vulputate aliquam aptent praesent.

Cor azul para DICAS - class = "nota_dica"

Exemplo: 

Dica do suporte: Luctus eu id lectus ligula fames dictumst quis litora penatibus taciti, porta morbi neque sem nullam viverra consectetur congue facilisi, sit cursus pellentesque nostra mus duis nibh vitae sagittis. Mus natoque taciti nam fringilla est habitasse ut lectus quam commodo velit, hendrerit ad mauris cursus ipsum aliquet venenatis ante dapibus volutpat. Eget commodo quis volutpat nunc laoreet sit feugiat bibendum curabitur cras suscipit lacinia pretium class duis, ridiculus proin vitae vivamus faucibus pulvinar eleifend phasellus ultrices vestibulum fermentum aptent iaculis orci. Pulvinar imperdiet vel accumsan odio suscipit fames ultricies lorem dui non, pretium nisl donec torquent porta conubia ridiculus penatibus egestas diam, primis netus iaculis tempor in vulputate aliquam aptent praesent.

Cor amarelo para OBSERVAÇÃO - class = "nota_alerta"

Exemplo: 

Atenção: Luctus eu id lectus ligula fames dictumst quis litora penatibus taciti, porta morbi neque sem nullam viverra consectetur congue facilisi, sit cursus pellentesque nostra mus duis nibh vitae sagittis. Mus natoque taciti nam fringilla est habitasse ut lectus quam commodo velit, hendrerit ad mauris cursus ipsum aliquet venenatis ante dapibus volutpat. Eget commodo quis volutpat nunc laoreet sit feugiat bibendum curabitur cras suscipit lacinia pretium class duis, ridiculus proin vitae vivamus faucibus pulvinar eleifend phasellus ultrices vestibulum fermentum aptent iaculis orci. Pulvinar imperdiet vel accumsan odio suscipit fames ultricies lorem dui non, pretium nisl donec torquent porta conubia ridiculus penatibus egestas diam, primis netus iaculis tempor in vulputate aliquam aptent praesent.

Cor cinza para DESTAQUE - class = "nota_destaque"

Exemplo: 

Extra/Curiosidade/Saiba mais: Luctus eu id lectus ligula fames dictumst quis litora penatibus taciti, porta morbi neque sem nullam viverra consectetur congue facilisi, sit cursus pellentesque nostra mus duis nibh vitae sagittis. Mus natoque taciti nam fringilla est habitasse ut lectus quam commodo velit, hendrerit ad mauris cursus ipsum aliquet venenatis ante dapibus volutpat. Eget commodo quis volutpat nunc laoreet sit feugiat bibendum curabitur cras suscipit lacinia pretium class duis, ridiculus proin vitae vivamus faucibus pulvinar eleifend phasellus ultrices vestibulum fermentum aptent iaculis orci. Pulvinar imperdiet vel accumsan odio suscipit fames ultricies lorem dui non, pretium nisl donec torquent porta conubia ridiculus penatibus egestas diam, primis netus iaculis tempor in vulputate aliquam aptent praesent.

Como aplicar as classes a um artigo já existente? 

Lembrando: É importante que o codigo esteja dentro da tag <p> e de uma "class" desta forma:

Como aplicar a um novo artigo?

Pronto, você aplicou uma classe de estilo ao seu novo artigo! 🚀

Gostou? Que tal checar outros artigos da nossa Base de Conhecimento?

Até a próxima. 🚀💚