Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Pintar ícones
Hoje à(s) 10:09 pm por Tiger

» Modificar cor de fundo e ícone
Hoje à(s) 10:07 pm por Tiger

» Sobre o portal
Hoje à(s) 10:06 pm por Cannabis._.

» Avatar Gif
Hoje à(s) 10:06 pm por Tiger

» Gerir assinatura nos tópicos
Hoje à(s) 09:57 pm por Luiz~

» O que é o Favicon do fórum?
Hoje à(s) 09:56 pm por Luiz~

» Barra de Categorias
Hoje à(s) 09:15 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Luiz~
 
Kyo Panda
 
Shek
 
Sennior
 
Sovereign
 
Chrono Trigger
 
Harleen
 
Tiger
 
Cannabis._.
 
CAI0
 

Quem está conectado
278 usuários online :: 3 usuários cadastrados, 1 Invisível e 274 Visitantes :: 2 Motores de busca

Luiz~, Ramon Rodrigues, Sovereign

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Personalizar chatbox

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

Resolvido Personalizar chatbox

Mensagem por Cannabis._. 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

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em 29/03/17, 08:49 pm

UP
avatar

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. 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

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em 29/03/17, 09:13 pm

Feito, Tirei.
avatar

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em 29/03/17, 09:36 pm

Não pegou só bugou Triste
avatar

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em 29/03/17, 09:43 pm

Eu fiz
avatar

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em 30/03/17, 10:15 pm

Agora posso dá um UP acho

UP '-'
avatar

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em 01/04/17, 11:35 am

Alguém pode me ajudar ?
avatar

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em 01/04/17, 11:57 am

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

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. 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

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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)


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. 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

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em 01/04/17, 05:41 pm

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

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. 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

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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)


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. 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

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em 01/04/17, 05:59 pm

Tem como deixa o : mas perto do nick ?

Se caso não de boa.
avatar

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. 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

Cannabis._.
Usuário avançado

Masculino
Inscrito dia : 08/02/2016
Mensagens : 318
Pontos Ativos : 496

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regras do Fórum | Staff | Diretrizes
Perguntas Frequentes | Tutoriais
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3054
Pontos Ativos : 3771

https://github.com/lffg/fdf/

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