A aparência do CHATBOX

[Mshas]

Saudações querido,
Eu queria saber se ter uma forma de botar disso no título de CHATBOX?
http://prntscr.com/7wwt2z
Tem como?
Até,

[Fraise]

Olá!

Adicione à sua folha de estilos:

Código:

#chatbox_header {
  background: #29ABC8;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  border-width: 1px 1px 0;
  box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
  color: #FFF;
  font-family: segoe UI!important;
  font-weight: 700!important;
  margin-bottom: 5px;
  margin-top: 15px;
  padding: 13px;
  text-decoration: none;
  text-shadow: 1px 2px 0 rgba(0,0,0,0.2);
  text-transform: uppercase;
}

Cumprimentos.
Fraise

[Mshas]

Saudações querido Ajudeiro,
Como ficou,
http://prntscr.com/7wwvmn
Até,

[Fraise]

Olá!

Tente este:

Código:

#chatbox_header {
  background: #29ABC8;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 4px;
  border-width: 1px 1px 0;
  box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
  color: #FFF;
  font-family: segoe UI!important;
  font-weight: 700!important;
  text-shadow: 1px 2px 0 rgba(0,0,0,0.2);
  text-transform: uppercase;
}

Cumprimentos.
Fraise

[Mshas]

Saudações querido Ajudeiro,
http://prntscr.com/7wx16n
Está quase lá, faltou o fundo de azul,

Até,

[RafaelS.]

Olá!

Tente este:

Código:

   #chatbox_header {
      background: #29ABC8 !important;
      border: 1px solid rgba(0,0,0,0.2) !important;
      border-radius: 4px;
      border-width: 1px 1px 0;
      box-shadow: 0 1px 0 0 rgba(0,0,0,0.5);
      color: #FFF;
      font-family: segoe UI!important;
      font-weight: 700!important;
      text-shadow: 1px 2px 0 rgba(0,0,0,0.2);
      text-transform: uppercase;
    }

Atenciosamente.

[Mshas]

Saudações querido Ajudeiro,
Funcionou perfeitamente,
Agora vamos ao estilo de BOTÕES 
http://prntscr.com/7wx2ri
A parte de enviar,
Eu queria desse estilo,
http://prntscr.com/7wx30z
Eu vi no www.power-pixel.net

E outros botões aumentam o tamanho e deixa seperado entre Enviar e Escrever,
E a parte de aquele tem ali espaço, eu gostaria ficasse preto, neste tal,
http://prntscr.com/7wx3im
Remover- a palavra mensagem

Até,

[Fraise]

Olá!

Adicione mais este à sua folha de estilos:

Código:

#submit_button {
  background: #2983CA!important;
  border: 1px solid #2983CA!important;
  color: #fff!important;
  font-family: Tahoma, Arial!important;
  font-size: 13px!important;
  font-weight: 700!important;
  height: 29px!important;
  margin-top: 4px!important;
  padding: 5px!important;
  text-transform: uppercase!important;
  width: auto!important;
}

Cumprimentos.
Fraise

[Mshas]

Saudações querido Ajudeiro,
Faltou o resto,
E eu pedi um espaço entre Enviar e Mensagem,

Até,

[Fraise]

Olá!

Perdão, estava distraído.
Adicione mais este então:

Código:

#message, #submit_button {
  margin-left: 50px;
}


Vá ajustando o 50 até obter o resultado desejado.

Cumprimentos.
Fraise

[RafaelS.]

Olá!

Adicione mais este:

Código:

#message {
    color: #000 !important;
    padding-right: 6px !important;
}

Atenciosamente.

[Mshas]

Saudações querido Ajudeiro,
Agora faltou remover a palavra Mensagem,
Tchau,

[Fraise]

Olá!

Como assim? O senhor deseja remover o campo "Mensagem"?
Se sim, adicione à sua folha de estilos:

Código:

label[for="message"] {
display:none!important;
}

Cumprimentos.
Fraise

[Mshas]

Saudações querido Ajudeiro,
Não é isto,
A palavra Mensagem está escrito ali,
Tchau,

[Fraise]

Olá!

Continuo sem perceber o que você deseja, se calhar você testou o código que eu havia enviado antes de eu editar para o corretor, perdão, queira tentar:

Código:

label[for="message"] {
display:none!important;
}

Cumprimentos.
Fraise

[Mshas]

Saudações querido Ajudeiro,
Eu queria tirar essa linha fica cubrindo,
http://prntscr.com/7wxcfz
Até,

[RafaelS.]

Olá!

Adicione mais este código:

Código:

#chatbox_footer {
    border-top: 0px !important;
}

Atenciosamente.

[Mshas]

Pode fechar este tópico,

[RafaelS.]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.