COR no formulário em CSS??

kadix · Abril 22, 2003

Oi pessoal,preciso muito saber como faço pra colocar cor de fundo no formulário, exatamente no campo onde é inserido os dados, tem ocmo fazer em CSS?ou javascript? Já dei uma olhada nos posts por ai e não achei nada...me ajudem por favor! :angry:

Jorge Henrique · Abril 22, 2003

Caro amigo para você colocar cor de fundom nos INPUTS do formulários, você declara como segue o exemplo abaixo.<input type="text" name="valor qquer" size="35" style="background-color: #FFFFF9; font-family: verdana; font-size: 7 pt; color: #164B74; border: 1 solid #F7F0DF">style="background-color: #FFFFF9 = coloca a cor de fundo que desejar.font-family: verdana : O escrito vai sair em verdana font-size: 7 pt : Tamanho da Font color: #164B74 : Cor da fonte que vai aparecer border: 1 solid #F7F0DF : tipo de borda e sua corEspero ter ajudado.AttJorge Henrique C.S.ICQ: 95223312MSN: umild@hotmail.com

babu · Abril 23, 2003

Salve.Basta uasr CSS e declarar o class dentro do campo do <form>

sitenovo · Abril 23, 2003

Olá,

Seguinte, copie tudo isso e coloque apos as tags <meta http...>, ok??

Está tudinho arrumadinho, mas não sei se irá funcionar, pois tem que puxar um dos css do meu servidor, ok??

Mas arrumei esse caminho e espero que funcione:

Agora a pergunta, é isso que desejava??

Faça igual mudando o que deseja e pronto!

<!--

.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>

<!--

function MM_openBrWindow(theURL,winName,features) { //v2.0

window.open(theURL,winName,features);

}

//-->

</script>

<!--

function MM_findObj(n, d) { //v4.0

var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);

if(!x && document.getElementById) x=document.getElementById(n); return x;

}

function MM_validateForm() { //v4.0

var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;

for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args);

if (val) { nm=val.name; if ((val=val.value)!="") {

if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');

if (p<1 || p==(val.length-1)) errors+='- '+nm+' está incorreto \n por favor corrija.\n';

} else if (test!='R') {

if (isNaN(val)) errors+='- '+nm+' só aceita numeros!.\n';

if (test.indexOf('inRange') != -1) { p=test.indexOf(':');

min=test.substring(8,p); max=test.substring(p+1);

if (val<min || max<val) errors+='- '+nm+' é necessário ter no minimo '+min+' e no maximo '+max+'.\n';

} } } else if (test.charAt(0) == 'R') errors += '- '+nm+' .\n'; }

} if (errors) alert('Para enviar, é obrigatorio \n preencher os seguintes itens:\n'+errors);

document.MM_returnValue = (errors == '');

}

//-->

</script>

</head>

<body bgcolor="#FFFFFF" >

<form action="http://pub31.bravenet.com/emailfwd/senddata.php" method="post" enctype="multipart/form-data">

<script language="JavaScript"><!--

// No rightclick script.

var message1="Proibida a reprodução parcial o total desse site.\n\Para autorizações, favor entrar em contato com o webmaster:\n\E-mail - webmaster-sitenovo@ig.com.br";

// Don\'t edit below!

function click(e) {

if (document.all) {

if (event.button == 2) {

alert(message1);

return false;

}

if (document.layers) {

if (e.which == 3) {

alert(message1);

return false;

}

if (document.layers) {

document.captureEvents(Event.MOUSEDOWN);

}

document.onmousedown=click;

// -->

</script>

<table width="500" border="0" cellspacing="1" cellpadding="1">

<tr>

<td class="barra" align="center">FORMULÁRIO ON-LINE DE COMPRA DE

ESPAÇO PARA ANUNCIO</td>

</tr>

<tr>

<td colspan="2">

<blockquote>

<p>

<input type="hidden" name="usernum" value="2638672389" />

<input type="hidden" name="cpv" value="1" />

<span class="textoindex"><br>

Olá Usuário do SITENOVO, <br>

Segue abaixo, o formulario que deverá ser preenchido corretamente

bem como todos os campos, reservamos no direito de desconsiderar formularios

incompletos ou que os dados não conferem<br>

<br>

Caso não desejava entrar aqui, basta clicar</span> <a href="java script:window.close()" class="botao">AQUI</a>

<span class="textoindex">para fechar a janela e continuar navegando!<font size="3"></font></span></p>

</blockquote>

</td>

</tr>

<tr>

<td colspan="2" valign="top">

<table width="100%" border="0" cellspacing="1" cellpadding="1">

<tr>

<td class="barra"> </td>

</tr>

<tr>

<td class="botaoopiniao">Nome</td>

</tr>

<tr>

<td>

<input type="text" name="NOME" class="caixa" size="40">

</td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td class="botaoopiniao">E-mail</td>

</tr>

<tr>

<td>

<input type="text" name="e-mail" class="caixa" size="40">

</td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td><span class="botaoopiniao">Endereço</span> </td>

</tr>

<tr>

<td>

<input type="text" name="rua" class="caixa" size="40">

<span class="caixa">(rua, avenida, praça, etc)</span> </td>

</tr>

<tr>

<td>

<input type="text" name="numero e complemento" class="caixa" size="40">

<span class="caixa">numero (apartamento - etc)</span> </td>

</tr>

<tr>

<td>

<input type="text" name="bairro - vila - etc" class="caixa" size="40">

<span class="caixa">bairro (vila - etc)</span> </td>

</tr>

<tr>

<td>

<input type="text" name="cidade - estado - pais" class="caixa" size="40">

<span class="caixa">cidade - estado - país</span> </td>

</tr>

<tr>

<td>

<input type="text" name="cep" class="caixa" size="40">

<span class="caixa">cep (so aceita numeros sem traços)</span>

</td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td class="botaoopiniao">Documentação </td>

</tr>

<tr>

<td>

<input type="text" name="RG" class="caixa" size="40">

<span class="caixa">RG</span> </td>

</tr>

<tr>

<td>

<input type="text" name="CIC ou CPF" class="caixa" size="40">

<span class="caixa">CIC ou CPF</span> </td>

</tr>

<tr>

<td>

<input type="text" name="CGC - outro documento de firma" class="caixa" size="40">

<span class="caixa">CGC ou outro documento caso seja firma</span>

</td>

</tr>

<tr>

<td height="16">

<input type="text" name="registro - profissional liberal" class="caixa" size="40">

<span class="caixa">registro - somente p/ profissional liberal</span>

</td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td class="botaoopiniao">Formas de contato </td>

</tr>

<tr>

<td>

<input type="text" name="telefone residencial" class="caixa" size="40">

<span class="caixa">telefone residencial</span> </td>

</tr>

<tr>

<td>

<input type="text" name="telefone comercial" class="caixa" size="40">

<span class="caixa">telefone comercial</span> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td class="botaoopiniao">Plano de anuncio e formas de pagamento <span class="caixa">(é

possivel escolher os planos parcelados e, pagar a vista, bastando

usar ao final do formulario a caixa)</span></td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td class="textoindex">- plano a vista </td>

</tr>

<tr>

<td>

<input type="radio" name="tipo de anuncio" value="3 meses a vista">

<span class="textoindex">3 meses, somente a vista</span> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td class="textoindex">- plano parcelado </td>

</tr>

<tr>

<td>

<input type="radio" name="tipo de anuncio" value="6 meses parcelado">

<span class="textoindex">6 meses, 2 cheques (no ato e 30 dias -

pré) </span> </td>

</tr>

<tr>

<td>

<input type="radio" name="tipo de anuncio" value="9 meses parcelado">

<span class="textoindex">9 meses, 3 cheques (no ato, 30 e 60 dias

- pré) </span> </td>

</tr>

<tr>

<td>

<input type="radio" name="tipo de anuncio" value="12 meses parcelado">

<span class="textoindex">12 meses, 4 cheques (no ato, 30, 60 e 90

dias - pré) </span> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td class="barra"> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td><span class="botaoopiniao">Utilize essa caixa para avisar de que,

pagará a vista os planos de 6, 9 ou 12 meses, ou se desejar,

poderá escrever algo mais que julgar de interesse</span></td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td>

<textarea name="considerações finais" cols="60" rows="10" class="caixa"></textarea>

</td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td class="barra"> </td>

</tr>

<tr>

<td> </td>

</tr>

<tr>

<td class="textoindex">- Não se esqueça, iremos confirmar

uns dados<br>

<br>

- Como mencionado, apos o envio você receberá as instruções

de como enviar o pagamento e, junto das instruções

haverá um arquivo em .doc, na qual é o contrato de

veiculação de anuncio, você poderá baixá-lo

e, se desejar, poderá imprimir e assinar nesse caso, deverá

imprimir duas vias e enviar as duas para que, possamos assinar também,

sendo que, apos isso devolveremos apenas uma, ficando assim, cada

um com uma via!</td>

</tr>

</table>

</td>

</tr>

<tr>

<td colspan="2"> </td>

</tr>

<tr>

<td colspan="2">

<div align="center">

<input type="hidden" name="subject" value="comprando espaço">

<input type="reset" name="reset" value="limpar" class="caixa">

</div>

</td>

</tr>

</table>

</form>

Veja que, ao mesmo tempo que enviei isso enviei como validar formularo!!!

Dei ganja heim??.. hehe

[]s

Rodney

babu · Abril 23, 2003

Salve. Nossa que código esse hein?

kadix · Abril 23, 2003

CarambaPra que explicar se podemos complicar né povo...hauhauhauaseis é tudo loko, vão confundi a moçahauhauhauahaT+

Oi pessoalEu fiquei um pouco confusa ;) Mas no final deu certo :D fucei, fucei e funcionou!obrigadão!!bjus

babu · Abril 23, 2003

fucei, fucei e funcionou!obrigadão!!

Salve.Quem procura sempre acha!!!

Régis Nogueira · Abril 25, 2003

Bom sei que já funcionou mas gostaria de lhe uma forma bem simples de se trabalhar neste caso:No dreamweaver tem uma janela "Design" e lá você encontra as opções:- Behaviors- HTML- CSSEscolha CSS, e na caixa que abre procure pela opção background e escolha a cor.Depois é só clicar em cima do formulário e em seguida no estilo que você acabou de criar.Espero ter ajudadoAbraçoswww.ninfainformatica.hpg.com.br

Arquivado

COR no formulário em CSS??

Recommended Posts

kadix 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Jorge Henrique 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

babu 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

sitenovo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

babu 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

kadix 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

babu 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Régis Nogueira 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Fóruns

Tempo Real

Informação importante