Personalizar as input text

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

Resolvido Personalizar as input text

Mensagem por Uilia em 08/06/12, 05:30 pm

Qual é minha questão:
Boas,

Como personalizar as input text??? que no caso seria isso:


E com houver:


Queria personalizar essas input box em todo o forum !!

Medidas que eu tomei para corrigir o problema:
varias, editando pela css

Links e imagens do meu problema:
http://i45.tinypic.com/2nlxu79.png
http://i47.tinypic.com/28i0shs.png

Endereço do meu fórum:
http://www.playerpromo.net

Versão do meu fórum:
PHPBB3
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 input text

Mensagem por Convidad em 08/06/12, 06:34 pm

Olá autor!

O senhor pode personalizar com CSS. Cpainel > Visualização > Imagens e Cores > Cores > Folha de estilo CSS > e cole o seguinte CSS:
Código:
a.cgu-buttons,button.button2,input.button1,input.button2{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:3px 5px}
O senhor pode personalizar assim:
a.cgu-buttons,button.button2,input.button1,input.button2 {Propriedades}
Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Personalizar as input text

Mensagem por Uilia em 08/06/12, 06:41 pm

Boas, muito obrigado

Pode me passar a css para min editar, em HOUVER !!

ou seria assim:
Código:
a.cgu-buttons,button.button2,input.button1,input.button2: houver {Propriedades}
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 input text

Mensagem por Convidad em 08/06/12, 06:45 pm

Olá amigo!

Veja se esse resulta:
Código:
a.cgu-buttons,button.button2,input.button1,input.button2: houver {-moz-border-radius:3px;-webkit-border-radius:3px;}
Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Personalizar as input text

Mensagem por Uilia em 08/06/12, 06:49 pm

Boas, nao resultou :crybaby:
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 input text

Mensagem por Convidad em 09/06/12, 12:41 pm

Olá autor!

Tente com esse CSS:
Código:
a.cgu-buttons,button.button2,input.button1,input.button2{-moz-border-radius:3px;-webkit-border-radius:3px;background:#f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);border:solid 1px #DDD;border-radius:3px;padding:3px 5px}
Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Personalizar as input text

Mensagem por Uilia em 09/06/12, 01:01 pm

Boas,

Consegui personalizar, agora só presiso da css para min editar quando tiver active !! tipo quando vc click para digitar entende ai fica uma css diferente !!
A que eu uso para houver e para deixar normal é essa:

Código:
.inputbox {
    border: 1px solid #cdc9bf;
    color: rgb(102, 102, 102);
    cursor: text;
  background:#fff;
  border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Código:
.inputbox:hover {
    border: 1px solid #cdc9bf;
    color: rgb(102, 102, 102);
    cursor: text;
  background:#f3f3f3;
  border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Tentei assim pra quando tiver seleciona mas nao funfa
Código:
.inputbox:active {
    border: 1px solid #cdc9bf;
    color: rgb(102, 102, 102);
    cursor: text;
  background:#f3f3f3;
  border-radius: 5px;
moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
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 input text

Mensagem por Convidad em 09/06/12, 01:08 pm

Olá amigo!

O senhor pode tentar com esse CSS abaixo, mas personalize-o ao seu gosto. Ele está completo:
Código:
input[type="text"]:hover,input[type='password']:hover,textarea:hover{border:1px solid #FFB964!important;box-shadow:1px 1px 3px #FFB964}input[type="text"]:focus,input[type='password']:focus,textarea:focus{border:1px solid #FF8A00!important;box-shadow:1px 1px 5px #FF8A00!important}
Inclui as caixas de Login e senha, é o mesmo que uso no meu fórum.

Atenciosamente,
Shek

Convidad
Convidado


Resolvido Re: Personalizar as input text

Mensagem por Uilia em 09/06/12, 01:19 pm

Boas, funcionou perfeitamente !!
Obrigado novamente Shek !! Piscada
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