Como fazer uma caixa de rolagem incorporada para banners

Escrito por ireland wolfe | Traduzido por paula mangia garcia terra
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como fazer uma caixa de rolagem incorporada para banners
Os banners podem ser projetados para rolarem verticalmente ou horizontalmente. (Comstock/Comstock/Getty Images)

Usando o Hyper Text Markup Language (HTML), você pode criar banners para inserir em sua página. Os banners são utilizados como publicidade e contêm links para outro site. Os banners podem ser simples, apenas com textos ou mais complexos, com design ou gráficos em flash. Com um código HTML adicional, você pode fazer a rolagem do banner e incorporá-lo em páginas de outras pessoas ou perfis do Facebook. Os passos exatos irão depender do tamanho e do tipo de banner que você irá precisar.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Crie seu banner. Se você quiser que seu banner tenha gráficos ou imagens, abra um programa de gráficos e projete seu banner.

  2. 2

    Escreva o seguinte código no seu editor de texto HTML: <div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">

  3. 3

    Adicione seu texto após o código. Se você tiver gráficos ou um link, inclua-os em seu banner.

  4. 4

    Termine o banner com o código final. Após seu texto ou gráfico, adicione o seguinte código final: </div>

  5. 5

    Verifique seu banner para garantir que ele rola quando necessário. Dependendo de onde você está colocando o banner, você pode precisar ajustar os tamanhos no código HTML. Brinque com os tamanhos até que sua caixa de rolagem esteja conforme desejado. Você também pode alterar a fonte em seu banner. Você pode criar uma caixa de rolagem horizontal incluindo o código HTML "overflow-x:scroll;" (sem as aspas) no código do seu banner.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível