Visual de Formulário

[Vampiro 0]

Eu gostaria de saber qual código eu utilizo para fazer com que os locais de colocação de dados de um formulário fiquem mais atraentes, assim como estão nos sites como www.wmonline.com.brObrigado

[sitenovo 0]

Seguinte, Issoé feito em estilos (.css), ok??Crie lá um estilo qualquer e depois na caixa insira esse comando: class="nome do estilo", ok??Dare ium exemplo:<style type="text/css"><!--.textoindex (color: #666666; font-size: 12pt; font-family: verdana).textoverde { color: #33CC99; font-size: 8pt; font-family: verdana; font-weight: bold}.texto { color: #666666; font-size: 8pt; font-family: verdana}.textotitulos { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; font-variant: normal; text-decoration: none; color: #FFFFFF}.botao { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none}a.botao { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none}a.botao:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF9900; text-decoration: none}.barra { border: #999999; border-style: solid; border-top-width: 1px; border-right-width: 0.5px; border-bottom-width: 1px; border-left-width: 0.5px}.bordapontilhada { border: 1px #FF9900 solid}.bordacinza { border: #999999; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}--></style>O que postei acima, é um estilo em .css, ok??Veja que há um denominado de "caixa", achou?Pois bem ele foi formatado p/ dar efeito nas caixas de form, dê uma olhadinha no meusite, está alterado, por isso ao entrar click no link e depois procure um item que tenha formulario e verá, ok??Msa é isso.. crie um estilo e pronto!![]sRodney

[andreferreira 0]

Para você que quer um formulário igual ao do site "http://www.wmonline.com.br" aí vai o CSS:

 

A:link {color:#0066CC; text-decoration:none;}

A:visited {color:#0066CC; text-decoration:none;}

A:hover {color:#0066CC; text-decoration:underline;}

 

.fonte {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

}

.form {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color: #000000;

border: 1px solid #0099CC;

}

.menu a:link {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color:#0099CC;

text-decoration:none;

}

.menu a:visited {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color:#0099CC;

text-decoration: none;

}

.menu a:hover {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color:#007CA6;

text-decoration: underline;

}

.menu {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 10px;

color:#0099CC;

text-decoration:none;

}

.code {

font-family: Tahoma, Verdana, Arial;

font-size: 11px;

background-color: #FCFCFC;

border: 1px solid #D1D7DC;

color: #CC0000;

padding: 3px;

}

.exemplo {

font-family: Tahoma, Verdana, Arial;

font-size: 10px;

background-color: #FCFCFC;

border: 1px solid #D1D7DC;

color: #000099;

padding: 3px;

}

.html {

font-family: Tahoma, Verdana, Arial;

font-size: 10px;

background-color: #ECF8FF;

border: 1px solid #D1D7DC;

padding: 3px;

}