Também conhecidos como letreiros, os tickers percorrem a largura de uma tela de visualização, apresentando mensagens projetadas para serem visualizadas e compreendidas rapidamente. 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.
Etapa 1
Abra sua página da Web e visualize seu código HTML. Se você usa uma ferramenta de edição visual como o Adobe Dreamweaver, abra a página e clique na área onde deseja adicionar seu ticker. Altere seu modo de visualização para Code View. Isso mostra o código HTML que controla a aparência da 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.
Etapa 2
Pressione a tecla “Enter” para inserir uma linha em branco.
Etapa 3
Copie e cole o seguinte código na linha em branco:
Esse código define um elemento letreiro, 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.
Etapa 4
Atualize os parâmetros de código para atender às suas necessidades de design. A marca de abertura usa regras de estilo CSS para definir uma cor de fundo cinza claro, juntamente com uma borda larga de 1 pixel de cinza um pouco mais escuro. Todos esses valores podem ser ajustados. Além disso, substitua o conteúdo do espaço reservado localizado entre as tags 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 ticker aparece na tela no local da página que você selecionou na Etapa 1.
