Personalizar as inputbox

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar as inputbox

Mensagem por Uilia em 27/12/12, 04:47 pm

Qual é minha questão:
Olá,

Gostaria desses efeito nas inputbox:




A inputbox de cima é quando vc click para escrever fica com esse efeito..
a de baixo é o efeito normal da inputbox  Muito feliz 

Endereço do meu fórum:
http://www.exptech.com.br

Versão do fórum:
PUNBB
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Personalizar as inputbox

Mensagem por Venancio Mattos em 27/12/12, 04:56 pm

Ola Utilize esse Code e ver se Resulta Se Pocivel Mudar a Cor Obrigado

Código:
input, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 2px inset;
border-image: initial;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

Resolvido Re: Personalizar as inputbox

Mensagem por Sennior em 27/12/12, 05:07 pm

Olá amigo! Muito feliz

Qual o fórum que você viu este efeito meu querido? Mande para nós!

Atenciosamente,
Mikéé!
Eu amo você
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalizar as inputbox

Mensagem por Uilia em 27/12/12, 06:02 pm

Ola,

Poderá ver o efeito nas inputbox aqui:
www.webcheats.com.br/forum/register.php
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Personalizar as inputbox

Mensagem por BrunoH. em 27/12/12, 06:19 pm

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
.textbox, textarea, select {font: bold 11px arial,helvetica,sans-serif;color: black;background: white none;border: 1px solid #97A4AA;padding: 4px;outline: 0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
e Valide!

Até mais.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar as inputbox

Mensagem por Uilia em 27/12/12, 06:30 pm

Beleza, BrunoH.

Agora só falta as INPUTBOX.

até mais; Eu amo você
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/
  • 0

Resolvido Re: Personalizar as inputbox

Mensagem por BrunoH. em 27/12/12, 06:34 pm

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
.inputbox {font: bold 11px arial,helvetica,sans-serif;color: black;background: white none;border: 1px solid #97A4AA;padding: 4px;outline: 0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
e Valide!

Até mais.
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Personalizar as inputbox

Mensagem por Uilia em 27/12/12, 06:38 pm

Beleza, BrunoH.

Funcionou, só nao teve o efeito de quando ta selecionado...
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/
  • 0

Resolvido Re: Personalizar as inputbox

Mensagem por Consolado em 27/12/12, 06:39 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

input, textarea, keygen, select, button, isindex, #text_editor_textarea, #textarea_content iframe#text_editor_iframe{font:bold 11px arial,helvetica,sans-serif;color:#000000;background:rgb(255,255,255) none ;border:1px solid #97a4aa;padding:4px;outline:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} input:focus, textarea:focus, isindex:focus, #text_editor_textarea:focus, #textarea_content iframe#text_editor_iframe:focus{background:#f1f1f1;border:1px solid #97a4aa}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Personalizar as inputbox

Mensagem por Uilia em 27/12/12, 06:42 pm

Beleza, Funcionou Today

Obrigado, Pode fechar.. Muito feliz
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum