..:: MX Studio Fóruns ::..: Input com fundo degrade - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




ATENÇÃO

Para evitar posts desnecessários e que não influam para o andamento e desenvolvimento do fórum, clique aqui e leia todas as regras.
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Input com fundo degrade Input com fundo degrade como fazer?

#1 User is offline   Erminio 

  • Group: Membros
  • Posts: 90
  • Joined: 25-February 04

Posted 20 September 2005 - 01:29 PM

ja vi em alguns formularios o fundo do input em degrade, como faço?
Input com fundo degrade como fazer ?
0

#2 User is offline   Morfel 

  • Group: Membros
  • Posts: 510
  • Joined: 21-March 05

Posted 20 September 2005 - 07:15 PM

este e um css....

vc destina o estilo do input para esta forma...

ColdFusion


.botao{border-right:1px solid #999999;background-color:#cedfff;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#cadef4',gradientType='0');}




Abraços Morfel
0

#3 User is offline   Marcus VBP 

  • Group: Membros
  • Posts: 948
  • Joined: 06-June 03

Posted 21 September 2005 - 08:33 AM

QUOTE(Morfel @ 20/9/2005 19:09:48)
este e um css....

vc destina o estilo do input para esta forma...

ColdFusion


.botao{border-right:1px solid #999999;background-color:#cedfff;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#cadef4',gradientType='0');}



Abraços Morfel
View Post


opa, esse codigo tem coisa muito errada. esse filtro soh funciona no pseudo navegador. um codigo muito mais simples e 100% funcional encontra-se abaixo:

.input {
border: 1px solid #ccc; /* define a borda como 1px, solida e na cor cinza. isso eh opcional */
background: url(imagens/gradiente.jpg) repeat-x; /* pega uma imagem chamada gradiente.jpg, coloca-a como background e a repete apenas no eixo x */
}

feito. uma dica que eu lhe dou. se vc quer aplicar esse css a todos os <input>, excetuando os botões vc faz:

input {
background: url(imagens/gradiente.jpg) repeat-x;
}

/* a classe abaixo vc aplica a todos os inputs que vc NAO quer que tenha fundo gradiente */

.nograd {
background: none;
}
0

#4 User is offline   Erminio 

  • Group: Membros
  • Posts: 90
  • Joined: 25-February 04

Posted 04 October 2005 - 07:40 PM

valeu galera deu certo brigadão thumbup.gif
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)