Adicione um ticker ao seu site usando algumas linhas de código HTML e CSS.
Também conhecidos como letreiros, os tickers percorrem a largura de uma tela de visualização, apresentando mensagens projetadas para serem visualizadas e compreendidas à primeira vista. Comumente usados na televisão para exibir destaques de notícias ou dados do mercado de ações, os tickers às vezes também aparecem na web. Com algumas linhas de código HTML e Cascading Style Sheet (CSS), você pode adicionar rapidamente esse tipo de conteúdo ao seu site.
Passo 1
Abra sua página da Web e visualize seu código HTML. Se você usa uma ferramenta de edição visual, como Adobe Dreamweaver, abra a página e clique na área onde deseja adicionar seu ticker. Mude o seu modo de visualização para Visualização de código. Isso mostra o código HTML que controla a aparência de sua página. Se você usa um editor de texto, abra sua página no editor e role para baixo até a parte da página onde deseja adicionar o ticker.
Vídeo do dia
Passo 2
Pressione a tecla “Enter” para inserir uma linha em branco.
etapa 3
Copie e cole o seguinte código na linha em branco:
Este código define um elemento marquee, que desliza o conteúdo pela tela da direita para a esquerda por padrão. O parágrafo contido entre as marcas de letreiro de abertura e fechamento é o conteúdo deste exemplo.
Passo 4
Atualize os parâmetros de código para atender às suas necessidades de design. A marca de seleção de abertura usa regras de estilo CSS para definir uma cor de fundo cinza claro, junto com uma borda larga de 1 pixel de um cinza ligeiramente mais escuro. Todos esses valores podem ser ajustados. Além disso, substitua o conteúdo do espaço reservado localizado entre as marcas de parágrafo de abertura e fechamento por texto ou imagens de sua preferência.
Etapa 5
Salve sua página e abra-a em um navegador da web. O relógio aparece na tela no local da página que você selecionou na Etapa 1.
