Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Com o bloco Linha do tempo, os autores do curso podem apresentar eventos e etapas em ordem cronológica. Isso torna o conteúdo mais claro e mais fácil de acompanhar.

Image Added


Panel
bgColor#eaf4fd

Use este bloco quando precisar mostrar a evolução, as etapas ou a história de um processo.

Por exemplo:

  • A história de um produto
  • Um plano de projeto mês a mês 
  • A trajetória de carreira de um funcionário
  • Mudanças em padrões ou tecnologias


Como adicionar uma linha do tempo

  1. Na barra de ferramentas da página, clique em + e abra Blocos.

    Image Added

  2. Selecione Infográficos > Linha do tempo com divisores ou Linha do tempo nos cartõesO modelo será adicionado à página.

    Image Added

Como editar o conteúdo da linha do tempo

Você pode editar cada etapa da linha do tempo.

  1. Altere o ano ou período no bloco.
  2. Edite a descrição do evento.
  3. Para adicionar outra etapa, abra o menu ⁝⁝ ao lado do bloco e selecione Duplicar, depois edite o texto.
  4. Arraste o bloco para movê-lo para outra posição.
  5. Para excluir uma etapa, abra

...

  1. o menu ⁝⁝

...

  1. e selecione Excluir ou pressione Excluir no teclado.

Como personalizar a aparência da linha do tempo

Linha do tempo com divisores

Abra

...

o menu ⁝⁝

...

ao lado do bloco e

...

selecione Configurações. Um painel lateral será aberto onde você pode alterar:

  • Cor de fundo, largura do divisor e espaçamento na parte superior e inferior 
  • Tipo, cor e estilo da linha do divisor

  • Estilo e cor do texto

    Se quiser manter o texto dentro do divisor, escolha um estilo de linha com um retângulo ou um círculo.

Linha do tempo nos cartões

Abra

...

o menu ⁝⁝

...

ao lado do bloco e

...

selecione Configurações. Um painel lateral será aberto onde você pode alterar:

  • Cor de fundo, largura da guia e espaçamento na parte superior e inferior 
  • A aparência do cartão
    Na seção Guia, você pode adicionar sombra à borda, alterar o raio dos cantos, a largura da borda e a cor de fundo.

Você também pode personalizar:

  • A cor do texto, o estilo da fonte e o tamanho.