Personalizar chatbox

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

UP

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é!

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

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

Feito, Tirei.

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!

Não pegou só bugou

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

Até!

Eu fiz

Agora posso dá um UP acho

UP '-'

Alguém pode me ajudar ?

Olá,

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

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

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.

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.

Olá,

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

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

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.

Spoiler:

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

Olá.
Precisarei novamente de sua CSS.

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

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

Agora '-'

Porque está longe a letra do nick

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

Adicione mais este:

Código:

#chatbox .user {
  width: auto!important;
}

Tem como deixa o : mas perto do nick ?

Se caso não de boa.

Tem sim.
Adicione mais este:

Código:

span.user {
  margin-right: -10px!important;
}

Caso queira deixar mais perto, diminua o valor

-10px

à seu gosto.

Deu certo ufa obrigado

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