Temporizadores de Contagem Decrescente

Opções de personalização temporizador de contagem decrescente

Última atualização

Vais encontrar a maioria das opções de design no Design visual e Texto e etiquetas secções do editor do temporizador. A pré-visualização atualiza-se à medida que vais fazendo alterações. Os exemplos abaixo mostram o que cada opção faz num temporizador real.

Design visual

A secção «Design visual» do editor do temporizador, com opções de tamanho, estilo, cores e fundo ao lado da pré-visualização do temporizador

Tamanho

Escolhe entre X-Small e X-Large. Os temporizadores maiores também têm uma imagem mais nítida.

O mesmo temporizador de progresso em anel nos tamanhos X-Small, Small, Medium, Large e X-Large, com uma largura que varia entre cerca de 200 e 800 píxeis

Estilo

Clica no estilo atual para veres todos os estilos em Escolhe um novo estilo de temporizador. O eFree plano inclui o estilo Clássico; o Micro acrescenta mais 10 (Clean, Blocks, Arcs, Pill Bar e as respetivas variações); e o Standard e os planos superiores desbloqueiam todos os estilos, incluindo os estilos de movimento em que os números se deslocam entre os fotogramas (Smooth Flip, Ticks, Ring Progress e outros). Ativa Usar as cores selecionadas atualmente para manteres as tuas cores quando mudares de estilo.

A janela «Selecionar um novo estilo de temporizador», com os estilos agrupados por plano: Grátis, Micro e superiores, e Padrão e superiores

Aqui estão seis deles nas cores da Sendtric:

Seis estilos de cronómetros em azul-marinho e azul: Clássico, Blocos, Arcos, Barra de Comprimidos, Flip Suave e Progressão em Anel

Temporizador vertical

Empilha as unidades em vez de as mostrares numa linha (na versão Standard e superiores). Os estilos de blocos também oferecem Etiqueta lateral, o que coloca cada etiqueta ao lado do respetivo número.

Um temporizador «Blocks» em fila, o mesmo temporizador empilhado na vertical e empilhado na vertical com as etiquetas ao lado dos números

Cores

Conjunto Dígitos e Etiquetas, ou uma cor diferente por unidade com Cores individuais para os algarismos e Cores individuais para as etiquetas. A maioria dos estilos também tem um ou dois Acentuante cores para os teus anéis, barras ou blocos.

Um temporizador com um dígito colorido e uma etiqueta colorida, o mesmo temporizador com uma cor diferente para cada unidade e um temporizador «Ring Progress» com anéis laranja em destaque

Contexto

Escolhe um Cor lisa, Transparente (Standard e superior) ou Carregar imagem de fundo (Micro e superiores). Um fundo sólido é uma caixa de uma única cor. Um fundo transparente deixa ver o e-mail que está por trás, mas as suas bordas podem ficar um pouco irregulares. Vê como usar a tua própria imagem de fundo com um temporizador e por que é que o meu fundo transparente temporizador de contagem decrescente está desfocado?

Um temporizador com um fundo azul claro sólido, apresentado como uma caixa numa secção de e-mail com gradiente, e o mesmo temporizador com um fundo transparente, onde se vê o gradiente por baixo

Preenchimento

Adiciona espaço à volta do temporizador em cada lado, de 0 a 100 píxeis (versão Standard e superiores). O espaço extra é preenchido com o fundo do temporizador. Remover todo o preenchimento define todos os lados para 0, e Restaurar as predefinições volta ao espaçamento próprio do estilo.

A opção «Padding» Definições, com os campos «Top», «Right», «Bottom» e «Left», e os botões «Remover todo o padding» e «Redefinir para o padrão»
Um temporizador do Blocks com preenchimento padrão, com 20 píxeis adicionados à esquerda e à direita e 30 píxeis em cada lado, com uma linha tracejada a marcar a borda de cada imagem

Opção de validade

O que aparece quando o temporizador acabar. Ver como escolher o que aparece quando o temporizador acabar.

Texto e legendas

A secção «Texto e Etiquetas» do editor do temporizador, com as opções «Idioma», «Etiquetas personalizadas», «Ocultar etiquetas», «Exibição», «Tipo de letra», «Tamanho da letra das etiquetas», «Posição da altura das etiquetas» e «Ativar contorno do texto»

Língua e rótulos

  • Língua: 47 idiomas para as etiquetas. Ver como alterar o idioma dos teus widgets.
  • Etiquetas personalizadas ou Ocultar etiquetas (planos pagos).
  • Ecrã: escolhe quais as unidades que queres mostrar: anos, dias, horas, minutos e segundos.
O mesmo temporizador com os nomes predefinidos, com os nomes personalizados D H M S, com os nomes ocultos e com os segundos desativados

Tipo de letra

Escolhe entre mais de 900 Google Fonts para os algarismos e os rótulos, separadamente. O eFree plano inclui as fontes Roboto, Droid Sans Mono e Noto Sans. As contas Enterprise também podem usar as suas próprias fontes. Vê como carregar tipos de letra personalizados da marca.

O mesmo temporizador em quatro tipos de letra: Roboto, Archivo Black, Oswald e Playfair Display

Tamanho da fonte da etiqueta e posição da altura da etiqueta

Aumenta ou diminui o tamanho das etiquetas e desloca-as para cima ou para baixo em relação aos algarismos (na versão Standard e superiores).

O mesmo temporizador com os rótulos predefinidos, com rótulos maiores e com os rótulos deslocados mais para baixo em relação aos algarismos

Esboço do texto

Ativar contorno do texto (Nível «Power» e superiores) desenha um contorno à volta dos algarismos, dos rótulos ou de ambos. Escolhe Aplicar ao Numbers, Aplicar às etiquetas, o Largura do contorno e o Cor do contorno. Ajuda o temporizador a destacar-se em fundos com muitos elementos e no modo escuro, e faz com que os temporizadores pequenos ou transparentes fiquem com um aspeto mais nítido.

A opção «Ativar contorno do texto» está ativada, com as opções «Aplicar aos números», «Aplicar aos rótulos», «Largura do contorno» e «Cor do contorno»
Um temporizador branco sobre fundo azul, sem contorno, com um contorno azul-marinho de 2 píxeis à volta dos algarismos e das legendas

Alinhamento

Escolhe Alinhar à esquerda, Alinhar ao centro ou Alinhar à direita acima do código, antes de o copiares.

Guarda o teu projeto para a próxima vez

Guarda um design como modelo e começa novos temporizadores a partir dele. Vê como usar os modelos de temporizador.

Para saberes mais sobre os temporizadores de contagem decrescente por e-mail, consulta o nosso Página de e-mail temporizador de contagem decrescente.

Relacionado

Este artigo foi útil?

Clica na imagem para ampliar. Arrasta ou desliza para ver o resto.