Vídeo: Exposing Digital Photography by Dan Armendariz 2024
Cada Divisão de posição absoluta (AP) que você desenha no Adobe Dreamweaver CS6 é listada automaticamente no painel de elementos do AP (escolha Janela → Elementos de AP para exibi-lo). O painel de elementos de AP pode ajudá-lo a selecionar, esconder e mostrar quaisquer Divisões de AP na página. Este painel é útil quando você tem muitos AP Divs na página e quer navegar entre eles com precisão.
Acima de tudo, porque você pode modificar as propriedades para qualquer Div de AP de seu estilo de ID correspondente, o painel ajuda você a descobrir qual estilo de ID pertence a uma Div de AP.
O painel Elementos AP frequentemente é agrupado com o painel CSS Styles, apenas no caso de você estar procurando por ele.
Para modificar uma caixa (Div Div), siga estas etapas:
-
Escolha Janela → Elementos AP para abrir o painel Elementos AP.
-
No painel, localize e selecione apDiv1 para destacar na página.
O inspetor de propriedades exibe seu tamanho e posição além de outras propriedades.
-
Usando as caixas de texto no Inspetor de propriedades, altere a largura da caixa, digitando um número no campo W e alterando a altura da caixa digitando um número no campo H.
-
Clique na amostra ao lado de Bg Color e escolha uma cor no painel de Swatchs pop-up para definir uma cor de fundo para a caixa.
Para propriedades adicionais, como borda ou preenchimento, adicione-as no painel Estilos CSS.
-
Se o painel Estilos CSS ainda não estiver visível, abra-o escolhendo Janela → Estilos CSS.
-
Clique duas vezes no estilo # apDiv1 ID que controla a caixa.
A caixa de diálogo Definição da regra CSS aparece.
-
Selecione a categoria Borda a partir da esquerda para alterar a borda.
-
Na coluna Estilo, use a lista suspensa Superior para definir um estilo de borda (como Sólido) para os quatro lados.
Use a lista suspensa Superior na categoria Largura para selecionar uma espessura de borda (por exemplo, média) para os quatro lados. Use o Selector de cores mais alto sob a coluna Cor para atribuir uma cor de borda aos quatro lados.
Para atribuir valores diferentes a qualquer ou a todos os lados para estilo, largura ou cor, desmarque a caixa de seleção Same for All em suas respectivas colunas.
-
Na categoria Box à esquerda, em Complemento, defina o preenchimento para os quatro lados da caixa para a espessura desejada (por exemplo, digite 5 px nas caixas de texto).
-
Clique em OK para sair do painel e aplicar as alterações.
Você vê como as propriedades CSS que você aplicou afetam a caixa apDiv1 na página.
Para ocultar uma caixa mostrada no painel Elementos AP, clique na coluna à esquerda do seu nome (sob o ícone Olho) até aparecer um ícone de olho fechado.Para que a caixa reaparece, clique no ícone Olho até a caixa abrir novamente.
Você pode notar a caixa de seleção Prevent Overlaps, desmarcada por padrão, na parte superior do painel de elementos de AP. Como as Divisões de AP podem se sobrepor facilmente, selecionar esta caixa de seleção substitui esse comportamento forçando caixas ao lado do outro e impedindo a criação de novas caixas uma sobre a outra.
