Aplicando CSS em Formulários |
Iremos falar de um assunto bem interessante e que pode melhorar muito a estética do seu site, e que são os CSS . No exemplo a seguir, utilizaremos os CSS em formulários, mas também podem ser utilizados para diversas situações. Mão na massa, então: Primeiro passo: crie uma formulário normal. Neste caso, criei os campos nome, e-mail, telefone e mensagem. |
 |
| Segundo passo: Clique na barra de ferramentas em Windows - CSS Styles |
 |
Terceiro passo: após abrir a janela acima, clique em new CSS style  e será criado um novo estilo CSS para a sua página. Observe na figura abaixo todas as funções da janela. |
 |
NAME: o nome do seu CSS, sempre começando com o ponto. Ex.: .formulario TYPE: o tipo de css. DEFINE IN: clicando na primeira opção, você irá salvar seu css para que possa ser usado em outros documentos. Clicando em OK, se abrirá a tela para configurar seu CSS. Vamos aos detalhes: |
 |
TYPE: aqui é definida a formatação do texto: cor, fonte,estilo, tamanho, etc.. BACKGROUND: configuração do fundo dos campos do nosso formulário. BLOCK: determina os espaçamentos e alinhamentos do seu formulário. BORDER: escolher espessura das bordas, cor, etc.. |
Para nosso formulário serão necessários apenas estes campos; os outros são para formatar camadas e outros elementos. Quarto passo: após configurar cor, tamanho, estilo, etc., vamos aplicá-los em nosso formulário. Repare que o nome do nosso CSS apareceu na janela da barra direita de CSS do Dreamweaver . Para aplicá-lo, basta clicar no nome do CSS na barra direita e depois clicar no campo desejado do nosso formulário. OBS: Clicando com o botão direito do mouse sobre o nome do CSS, aparecerá uma lista de opções que possibilita editar, duplicar, deletar, exportar, etc.. |
 |
Espero que tenham gostado, por hoje é só! Bons estudos e até a próxima!
|
Bruno Henrique bruno@3darts.com.br |