Modificar chat box

Qual é minha questão:
Olá, meu chat box está com um errinho básico, não é bem um erro.

Ele não está aparecendo a borda de colocar a mensagem, tem que clicar em cima da parte de digitar para aparecer a borda, e eu queria que fica-se em branco e a borda em preto.

Imagem sem o mouse clicado: https://i.imgur.com/2B09s.png
Imagem com o mouse clicado: https://i.imgur.com/MxAS3.png

Obrigado desde já.

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:
Tá ali em cima

Endereço do meu fórum:
http://br-designerforever.forumeiros.com/

Versão do meu fórum:
PHPBB3

Olá,

Leia:

https://ajuda.forumeiros.com/t22416-

No caso, terá de trabalhar com o CSS, na parte:
#chatbox_footer

Por exemplo:

#chatbox_footer{
background-image: url(https://2img.net/i/bl/logo.png);
background-repeat: no-repeat;
background-position: bottom right;
}

Painel >> Visualização >> Imagens e Cores >> Cores >> Folha de estilo CSS

Até Mais!

Ace, não resultou, ele explica tudo, menos como colocar borda em um botão, eu tentei utilizar este código e não deu.

Código:

#chatbox_footer{
background-color: #FFFFFF;
border: 2px solid #000000;
background-position: bottom right;
}

Até mais

Olá, você deseja os botões ou onde se escreve a mensagem? Se caso for a mensagem tente este codigo

Código:

button.button2, input.button2{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

Até mais

Não funcionou, e eu quero colocar na mensagem, nesse área:

Mensagem :

Até mais

Olá, eu testei em um forum aqui, e resultou

Código:

input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    }
    input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #46a9af;
    color: #46a9af;
    }

Até mais

Não resultou.

Olá,

Pelo que ví o erro não está em seu css, e o problema não está somente no chatbox, login, registrar-se, etc ...

Adicionou algum código js recentimente?

Até mais

Olá, adicione este codigo em seu CSS

Código:


.codebox {
   display:block;
   -moz-border-radius: 9px;
   -webkit-border-radius: 9px;
   }

#main-content div.h3{border:1px solid #548710!important;padding:3px!important;border-radius:6px!important;-moz-border-radius:6px!important;-webkit-border-radius:6px!important;text-align:center!important}

    .forabg {
    margin-bottom: 15px;
    }

.forabg ul.forums,.pmlist{background-image:url(http://i43.servimg.com/u/f43/16/43/60/45/back12.png)!important}

    #main-content div.panel.row3 div#cp-main.ucp-main .panel{border:0;padding:0px 0px 0px 0px}

input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    }
    input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #46a9af;
    color: #46a9af;
    } 
input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    }
    input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, body:last-child a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    border: 1px solid #46a9af;
    color: #46a9af;
    } 


Até mais

Olá, agora se passar o mouse por cima, acontece algo, mais eu quero que fique com apenas uma borda em branco, ou preta...

Olá, substitua por este

Código:

input.button1, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, a.button1, input.button1, a.button2, input.button2, button.button2, body:last-child a.button1, input.button1, a.button2, input.button2, button.button2, input, button {
    background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
border-color: #fff0f5;
    }

Até mais

Não resultou.

Olá, então você quer apenas uma borda em volta do editor certo? Tente com este

Código:

.codebox {
  display:block;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  }

#main-content div.h3{border:1px solid #548710!important;padding:3px!important;border-radius:6px!important;-moz-border-radius:6px!important;-webkit-border-radius:6px!important;text-align:center!important}

Até mais

Não resultou.
E apenas quero colocar a borda sim.

Olá, tente com este

Código:

body.chatbox input#message,body.chatbox input#message:focus{
border:1px solid #548710 !important;
padding:3px !important;
border-radius:6px !important;
-moz-border-radius:6px !important;
-webkit-border-radius:6px !important;
text-align:center !important;
}

Até mais

Obrigado Mateus, não era a cor, o jeito que eu queria, mais algo já consigo modificar com meu gosto

Levou meu obrigado, e pode fechar o tópico.