Personalizar as input text

[Uilia]

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

[Convidad]

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

[Uilia]

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}

[Convidad]

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

[Uilia]

Boas, nao resultou :crybaby:

[Convidad]

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

[Uilia]

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

[Convidad]

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

[Uilia]

Boas, funcionou perfeitamente !!
Obrigado novamente Shek !!