Como fazer um fundo fixo no Dreamweaver CS3

Escrito por willa dunn | Traduzido por felipe zschornack
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

O Adobe Dreamweaver fornece muitas ferramentas que permitem construir páginas da Web. A interface economiza seu tempo e esforço, inserindo codificações tais como HTML ou CSS automaticamente em seu arquivo de página enquanto você trabalha. Para inserir uma imagem de fundo usando as ferramentas do Dreamweaver, basta adicionar uma única linha ao código CSS gerado para tornar a imagem fixa ou para criar um fundo que permanece imóvel quando a sua página é rolada.

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

  1. 1

    Carregue o Dreamweaver e abra sua página da Web.

  2. 2

    Clique no menu "Modify" (modificar), e depois em "Page Properties" (propriedades da página). Na categoria "Appearance" (aparência), clique no botão "Browse" (navegar) de "Background image" (imagem de fundo). Selecione a imagem que deseja utilizar em seu fundo e clique em "OK".

  3. 3

    Selecione "no-repeat" na lista de seleção "Repeat" (repetir). Clique no botão "OK".

  4. 4

    Role para a área acima da tag "</head>" para localizar o código CSS gerado pelo Dreamweaver para inserir a imagem de fundo da página. Irá parecer-se com isto:

    <style type="text/css"> body { background-image: url(images/fundo.jpg); background-repeat: no-repeat; } </style>

  5. 5

    Digite “background-attachment:fixed;” na definição para criar um fundo fixo:

    <style type="text/css"> body { background-image: url(images/fundo.jpg); background-repeat: no-repeat; background-attachment:fixed; } </style>

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