Personalizar chatbox

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

Resolvido Personalizar chatbox

Mensagem por McQueen em 28/03/17, 10:04 pm

Detalhes da questão


Endereço do fórum: http://lsr-nwdgames.forumeiros.com
Versão do fórum: phpBB3

Descrição


Olá,

Eu gostaria de ter esse chat em meu Fórum por favor.

Igual do Fórum Best Skins

avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 29/03/17, 08:49 pm

UP
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 29/03/17, 08:56 pm

Atenção!
Você não pode fazer UPs antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que você leia as regras do subfórum e principalmente os termos de uso do FdF: http://ajuda.forumeiros.com/t82-topic para não cometer novos erros!
---

Olá,

Por favor, leia este tópico:
http://ajuda.forumeiros.com/t108536-personalizar-chatbox

Até!
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 29/03/17, 09:06 pm

As coisas ficou fora do lugar e os botão não aparece

https://i58.servimg.com/u/f58/19/60/65/31/dsd10.png
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 29/03/17, 09:11 pm

Olá.
Remova o código que o senhor colocou, baseando-se no outro tópico, ele não aparenta funcionar em seu fórum. ;/

Vamos tentar outro...

Até.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 29/03/17, 09:13 pm

Feito, Tirei.
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 29/03/17, 09:27 pm

Olá,

Adicione este CSS, em:
Painel de Controle -> Visualização -> Cores -> Folha de Estilo CSS.
Código:
input#message {
  position: absolute;
  left: 7px;
  width: 290px!important;
  border: solid 1px #ccc;
  border-radius: 4px!important;
}

div#chatbox_footer {
  height: 34px!important;
}

div#help-button {
  position: absolute;
  z-index: -22;
}

input#submit_button {
  position: absolute;
  left: 320px;
  height: 28px;
  top: 8px;
  background-color: #000!important;
  color: #fff!important;
  border-radius: 4px!important;
  border: solid 0px transparent!important;
  box-shadow: inset 0px 1px 0 2px rgba(243, 243, 243, 0.18);
}

label.fontbutton {
  height: 28px;
  top: 3px;
  position: relative;
  background-color: #000!important;
  color: #fff!important;
  border-radius: 4px!important;
  border: solid 0px transparent!important;
  box-shadow: inset 0px 1px 0 2px rgba(243, 243, 243, 0.18);
  line-height: 28px;
  width: 28px;
}

div#divcolor {
  height: 28px;
  top: 3px;
  position: relative;
  background-color: #000!important;
  color: #fff!important;
  border-radius: 4px!important;
  border: solid 0px transparent!important;
  box-shadow: inset 0px 1px 0 2px rgba(243, 243, 243, 0.18);
  line-height: 28px;
  width: 28px;
}

div#divcolor-preview {
  visibility: hidden!important;
}

div#divsmilies {
  height: 27px;
  top: 3px;
  position: relative;
  background-color: #000!important;
  color: #fff!important;
  border-radius: 4px!important;
  border: solid 0px transparent!important;
  box-shadow: inset 0px 1px 0 2px rgba(243, 243, 243, 0.18);
  line-height: 28px;
  width: 27px;
}

.text-field > label {display: none!important;}

div#chatbox_header {
  background-color: #000!important;
  color: #fff!important;
  border-radius: 4px!important;
  border: solid 0px transparent!important;
  box-shadow: inset 0px 1px 0 2px rgba(243, 243, 243, 0.18);
  line-height: 28px;
  border-radius: 4px!important;
}

body.chatbox {
  background-color: #000!important;
  color: #fff!important;
  border-radius: 4px!important;
  border: solid 0px transparent!important;
  box-shadow: inset 0px 1px 0 2px rgba(243, 243, 243, 0.18);
  line-height: 28px;
  border-radius: 4px!important;
}

Até mais! Piscada
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 29/03/17, 09:36 pm

Não pegou só bugou Triste
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 29/03/17, 09:40 pm

Tente colocar o código que lhe passei ao final, ou seja, nas últimas linhas, de sua CSS.

Até! Piscada
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 29/03/17, 09:43 pm

Eu fiz
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 30/03/17, 10:15 pm

Agora posso dá um UP acho

UP '-'
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 01/04/17, 11:35 am

Alguém pode me ajudar ?
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 01/04/17, 11:53 am

Olá,

Para ajudar-lhe, precisarei de sua Folha de Estilo CSS.

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 01/04/17, 11:57 am

Posso passa por MP pois se eu postar ela toda alguém pode copiar lá?
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 01/04/17, 12:02 pm

O mais certo é que o senhor coloque-a aqui, afim de fornecer suporte à usuários que tiverem uma dúvida similar à sua.
Mas... O senhor é quem decide. Piscada

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 01/04/17, 12:29 pm

Mandei,

O Código do chatbox é uma coisa agora o código do meu Fórum todo é outra, No meu ponto de vista vem um Zé Ruela no fórum e pega os código tudo feito bonitinho só copia e cola é tenso.
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 01/04/17, 04:49 pm

Olá,

Tente trocar por esta:
Código removido à pedido do autor.

Tchau


Última edição por Luiz~ em 01/04/17, 05:30 pm, editado 1 vez(es)
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 01/04/17, 05:25 pm

Foi a mesma coisa que dizer coloca o código todo pra todo mundo copia, Mais de boa.

Olha como ficou os botão e tals ficou fora do lugar e sem cor.

https://i58.servimg.com/u/f58/19/60/65/31/flood10.png
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 01/04/17, 05:39 pm

Olá.

Tente adicionar este código ao final de sua CSS:
Código:
input#message {
  border-radius: 3px!important;
  color: #000!important;
  position: absolute!important;
  left: 7px!important;
  height: 16px!important;
  top: 3px!important;
  bottom: 2px!important;
  min-width: 300px!important;
  max-width: 300px!important;
  width: 300px!important;
}

div#chatbox_footer {
  border-radius: 3px!important;
}

div#help-button {
  color: #fff!important;
}

label.fontbutton {
  color: #FFF!important;
}

div#divcolor {
  color: #fff!important;
}

input#submit_button {
  color: #fff!important;
  position: absolute!important;
  left: 317px!important;
  top: 8px!important;
}

ul#chatbox_main_options {
  position: relative!important;
  top: -3px!important;
}

a.chat-title {
  position: relative;
  top: -5px;
  background-image: none!important;
  background: none!important
}

h2.chatbox-title {
  background-image: none!important;
  background: none!important;
}
Desculpe o número de !important's, não havia outro jeito sem usá-los.

Tchau

Spoiler:
Eu iria tirar o código CSS de toda forma, afim de cumprir seu pedido, só estava esperando o senhor colocá-lo. Rosa
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 01/04/17, 05:41 pm

Tem nada não, Agora só queria saber porque todos tem esse @ poderia remover isso ?
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 01/04/17, 05:43 pm

Olá.
Precisarei novamente de sua CSS.

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 01/04/17, 05:45 pm

Aqui esta:
Código removido à pedido do autor.


Última edição por Sr.Oliveira em 01/04/17, 06:14 pm, editado 1 vez(es)
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 01/04/17, 05:51 pm

Tente essa:
Código removido à pedido do autor.

Tchau


Última edição por Luiz~ em 01/04/17, 06:14 pm, editado 1 vez(es)
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 01/04/17, 05:56 pm

Agora '-'

Porque está longe a letra do nick

https://i58.servimg.com/u/f58/19/60/65/31/sdsw10.png
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 01/04/17, 05:57 pm

Adicione mais este:
Código:
#chatbox .user {
  width: auto!important;
}

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 01/04/17, 05:59 pm

Tem como deixa o : mas perto do nick ?

Se caso não de boa.
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

Ver perfil do usuário http://ajuda.forumeiros.com/
  • 0

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 01/04/17, 06:11 pm

Tem sim.
Adicione mais este:
Código:
span.user {
  margin-right: -10px!important;
}

Caso queira deixar mais perto, diminua o valor
-10px
à seu gosto.

Tchau
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Personalizar chatbox

Mensagem por McQueen em 01/04/17, 06:13 pm

Deu certo ufa obrigado Muito feliz

Não esqueça de remover o CSS todo por favor.
avatar

McQueen
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 357
Pontos Ativos : 554

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

Resolvido Re: Personalizar chatbox

Mensagem por Luiz em 01/04/17, 06:13 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

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

Ver perfil do usuário https://github.com/lffg/

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