Personalizar as input text

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

Tópico resolvido Personalizar as input text

Mensagem por Uilia 08.06.12 21:30

Qual é minha questão:
Boas,

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

E com houver:
Personalizar as input text 2nlxu79

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:
https://2img.net/h/oi45.tinypic.com/2nlxu79.png
https://2img.net/h/oi47.tinypic.com/28i0shs.png

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

Versão do meu fórum:
PHPBB3
Uilia

Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

http://www.safegame.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar as input text

Mensagem por Convidad 08.06.12 22:34

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
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar as input text

Mensagem por Uilia 08.06.12 22:41

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}
Uilia

Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

http://www.safegame.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar as input text

Mensagem por Convidad 08.06.12 22:45

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
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar as input text

Mensagem por Uilia 08.06.12 22:49

Boas, nao resultou :crybaby:
Uilia

Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

http://www.safegame.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar as input text

Mensagem por Convidad 09.06.12 16:41

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
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar as input text

Mensagem por Uilia 09.06.12 17:01

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;
}
Uilia

Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

http://www.safegame.com.br/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar as input text

Mensagem por Convidad 09.06.12 17:08

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
Anonymous

Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar as input text

Mensagem por Uilia 09.06.12 17:19

Boas, funcionou perfeitamente !!
Obrigado novamente Shek !! Piscada
Uilia

Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

http://www.safegame.com.br/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos