Personalizar chatbox

2 participantes

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

Tópico resolvido Personalizar chatbox

Mensagem por CR7 Oliveira 29.03.17 2:04

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

Personalizar chatbox Chat12
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 30.03.17 0:49

UP
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 30.03.17 0:56

Personalizar chatbox Warnin10
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: https://ajuda.forumeiros.com/t82-topic para não cometer novos erros!
---

Olá,

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

Até!
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 30.03.17 1:06

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

https://i.servimg.com/u/f58/19/60/65/31/dsd10.png
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 30.03.17 1:11

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é.
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 30.03.17 1:13

Feito, Tirei.
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 30.03.17 1:27

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
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 30.03.17 1:36

Não pegou só bugou Triste
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 30.03.17 1:40

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

Até! Piscada
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 30.03.17 1:43

Eu fiz
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 31.03.17 2:15

Agora posso dá um UP acho

UP '-'
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 01.04.17 15:35

Alguém pode me ajudar ?
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 01.04.17 15:53

Olá,

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

Tchau
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 01.04.17 15:57

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

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 01.04.17 16:02

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
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 01.04.17 16:29

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.
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 01.04.17 20:49

Olá,

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

Tchau


Última edição por Luiz~ em 01.04.17 21:30, editado 1 vez(es)
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 01.04.17 21:25

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://i.servimg.com/u/f58/19/60/65/31/flood10.png
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 01.04.17 21:39

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:
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 01.04.17 21:41

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

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 01.04.17 21:43

Olá.
Precisarei novamente de sua CSS.

Tchau
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 01.04.17 21:45

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


Última edição por Sr.Oliveira em 01.04.17 22:14, editado 1 vez(es)
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 01.04.17 21:51

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

Tchau


Última edição por Luiz~ em 01.04.17 22:14, editado 1 vez(es)
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 01.04.17 21:56

Agora '-'

Porque está longe a letra do nick

https://i.servimg.com/u/f58/19/60/65/31/sdsw10.png
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 01.04.17 21:57

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

Tchau
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 01.04.17 21:59

Tem como deixa o : mas perto do nick ?

Se caso não de boa.
CR7 Oliveira

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 01.04.17 22:11

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
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por CR7 Oliveira 01.04.17 22:13

Deu certo ufa obrigado Muito feliz

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

CR7 Oliveira
*****

Membro desde : 08/02/2016
Mensagens : 468
Pontos : 698

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar chatbox

Mensagem por Luiz 01.04.17 22:13

Personalizar chatbox Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
Luiz

Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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