Como adicionar uma barra de rolagem no Dreamweaver CS5

O Adobe Dreamweaver CS5 oferece suporte a HTML5, um painel de visualização de várias páginas e renderização em tempo real, permitindo que os designers examinem as alterações feitas nos sites instantaneamente. O Dreamweaver também suporta todas as principais propriedades CSS, incluindo as barras de rolagem da página. Embora a maioria dos navegadores da Web inclua automaticamente barras de rolagem para páginas da Web, o uso de uma tag de barra de rolagem CSS permite que os usuários personalizem o tamanho do objeto.

1

Abra o Dreamweaver no seu computador. Clique no menu "Arquivo" e selecione "Abrir projeto". Navegue pela janela do navegador para selecionar o projeto do Dreamweaver que você deseja abrir.

2

Clique diretamente abaixo da tag "" dentro do código HTML da sua página da Web. Pressione o botão "Enter" para criar algumas linhas em branco. Digite "" nesta linha.

3

Mova o cursor para a linha em branco diretamente abaixo da tag "". Digite "div.scroll" nesta linha e pressione o botão "Enter". Digite "{" nesta nova linha e pressione o botão "Enter" duas vezes. Digite "}" nesta linha. Mova o cursor para a linha em branco entre os dois suportes.

4

Digite "Width:" e pressione o botão "Enter" para criar uma nova linha. Digite "Altura:" nesta nova linha. Digite a largura e a altura desejadas da barra de rolagem em suas respectivas linhas. Pressione o botão "Enter" novamente para produzir uma nova linha em branco abaixo de "width" e "height". Digite "Overflow: Auto;"

Recomendado