A aparência do CHATBOX

3 participantes

Ir para baixo

Tópico resolvido A aparência do CHATBOX

Mensagem por Mshas 25.07.15 19:41

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é,
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Fraise 25.07.15 19:43

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
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Mshas 25.07.15 19:47

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

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Fraise 25.07.15 19:59

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
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Mshas 25.07.15 20:00

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

Até, zen
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por RafaelS. 25.07.15 20:01

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.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Mshas 25.07.15 20:06

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é, zen
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Fraise 25.07.15 20:09

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
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Mshas 25.07.15 20:11

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

Até, zen
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Fraise 25.07.15 20:14

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


Última edição por Fraise em 25.07.15 20:15, editado 1 vez(es)
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por RafaelS. 25.07.15 20:14

Olá!

Adicione mais este:

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

Atenciosamente.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Mshas 25.07.15 20:19

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

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Fraise 25.07.15 20:20

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
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Mshas 25.07.15 20:23

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

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Fraise 25.07.15 20:24

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
Fraise
Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6566
Pontos : 8050

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Mshas 25.07.15 20:26

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

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por RafaelS. 25.07.15 20:36

Olá!

Adicione mais este código:

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

Atenciosamente.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por Mshas 25.07.15 20:38

Pode fechar este tópico,


Última edição por Mshas em 25.07.15 20:44, editado 1 vez(es)
Mshas
Mshas
****

Membro desde : 14/07/2015
Mensagens : 318
Pontos : 438

http://www.mservicos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: A aparência do CHATBOX

Mensagem por RafaelS. 25.07.15 20:43

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

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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