Se você tem um negócio on-line ou escrever um blog pessoal, um temporizador de contagem regressiva para o seu site pode ser uma característica importante. Você pode deixar seus visitantes on-line sabe quanto tempo eles vão ter que esperar até que um determinado evento ou promoção acontece em seu site, quando um item virá em estoque ou quando um determinado filme é lançado. Enquanto muitos temporizadores padrão estão disponíveis, um temporizador personalizado pode personalizar seu site.
Coisas que você precisa
- software de gerenciamento de site ou sistema de gerenciamento on-line
- Acesso ao código HTML para o temporizador
Abra seu software de gestão de website ou o seu site (ou blog) sistema de gestão. Acesse o código HTML para a página em que você gostaria de colocar o seu temporizador de contagem regressiva. Escolha um local em relação à informação que você está em contagem regressiva para, como um temporizador de contagem regressiva lançamento do filme colocado ao lado de um parágrafo sobre o filme. Você também pode querer colocar o timer na parte superior da página na seção de cabeçalho se o temporizador é uma contagem regressiva para um evento especial.
Copie e cole o seguinte código no seu código HTML onde você gostaria que o temporizador para aparecer no seu site:
Substitua o ano, mês, dia, hora, minuto e segundo para o seu temporizador de contagem regressiva no código onde esses itens são ouvidos em todas as letras maiúsculas. Faça o mesmo para o título de sua contagem regressiva e a mensagem de sua contagem regressiva. Estes são os princípios de seu temporizador de contagem regressiva.
Personalizar a largura ea altura do seu temporizador editando o "var countdownwidth" e "var countdownheight" parte do código. Brincar com números diferentes até encontrar a largura perfeita e altura para o seu temporizador. Personalize o estilo da fonte, tamanho e cor usando o "var opentags = `" parte do código. Para alterar a cor, basta alterar "preto" a qualquer cor básica que você gostaria (como branco, vermelho ou azul). Você também pode usar um código de cores HTML, como # FF8040, que é laranja. Para alterar o tamanho de seu texto, adicionar ao interior do lt; gt; marcações próximas à cor: size ="NÚMERO." Em seguida, adicione um número e testar diferentes tamanhos para o seu tipo de letra.
dicas & avisos
- Experimente diferentes cores, tamanhos de fonte e mensagens para garantir que o seu temporizador de contagem regressiva parece exatamente como você gostaria que ele procure no seu site.
Como fazer uma caixa com o texto dentro html
Como adicionar um relógio para uma página web
Como incorporar um temporizador de contagem regressiva
Como alterar o estilo de texto em html
Como alterar o tamanho da fonte em uma tabela
Como mudar uma variável js a partir de uma barra de endereços
Como contar o número de colunas em uma tabela