A aparência do CHATBOX

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

Resolvido A aparência do CHATBOX

Mensagem por Mshas em 25/07/15, 03:41 pm

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é,
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

Ver perfil do usuário http://www.mservicos.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Fraise em 25/07/15, 03:43 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: A aparência do CHATBOX

Mensagem por Mshas em 25/07/15, 03:47 pm

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

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

Ver perfil do usuário http://www.mservicos.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Fraise em 25/07/15, 03:59 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: A aparência do CHATBOX

Mensagem por Mshas em 25/07/15, 04:00 pm

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

Até, zen
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

Ver perfil do usuário http://www.mservicos.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Rafael em 25/07/15, 04:01 pm

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Mshas em 25/07/15, 04:06 pm

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
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

Ver perfil do usuário http://www.mservicos.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Fraise em 25/07/15, 04:09 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: A aparência do CHATBOX

Mensagem por Mshas em 25/07/15, 04:11 pm

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

Até, zen
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

Ver perfil do usuário http://www.mservicos.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Fraise em 25/07/15, 04:14 pm

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, 04:15 pm, editado 1 vez(es)
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: A aparência do CHATBOX

Mensagem por Rafael em 25/07/15, 04:14 pm

Olá!

Adicione mais este:

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

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Mshas em 25/07/15, 04:19 pm

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

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

Ver perfil do usuário http://www.mservicos.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Fraise em 25/07/15, 04:20 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: A aparência do CHATBOX

Mensagem por Mshas em 25/07/15, 04:23 pm

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

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

Ver perfil do usuário http://www.mservicos.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Fraise em 25/07/15, 04:24 pm

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
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5029
Pontos Ativos : 6709

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: A aparência do CHATBOX

Mensagem por Mshas em 25/07/15, 04:26 pm

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

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

Ver perfil do usuário http://www.mservicos.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Rafael em 25/07/15, 04:36 pm

Olá!

Adicione mais este código:

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

Atenciosamente.
avatar

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Mshas em 25/07/15, 04:38 pm

Pode fechar este tópico,


Última edição por Mshas em 25/07/15, 04:44 pm, editado 1 vez(es)
avatar

Mshas
Usuário avançado

Masculino
Inscrito dia : 14/07/2015
Mensagens : 318
Pontos Ativos : 438

Ver perfil do usuário http://www.mservicos.forumeiros.com

Resolvido Re: A aparência do CHATBOX

Mensagem por Rafael em 25/07/15, 04:43 pm

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

Rafael
Hiperativo

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3118
Pontos Ativos : 4029

Ver perfil do usuário http://maisforum.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum