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

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
169 usuários online :: 3 usuários cadastrados, Nenhum Invisível e 166 Visitantes :: 1 Motor de busca

PESS_dodo, Railison Ramon, Shek Crowley

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Personalizar chatbox

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

Resolvido Personalizar chatbox

Mensagem por Cannabis._. em Qua 29 Mar 2017 - 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

avatar

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Qui 30 Mar 2017 - 0:49

UP
avatar

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Qui 30 Mar 2017 - 0:56

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


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Qui 30 Mar 2017 - 1:06

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._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Qui 30 Mar 2017 - 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~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Qui 30 Mar 2017 - 1:13

Feito, Tirei.
avatar

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Qui 30 Mar 2017 - 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~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Qui 30 Mar 2017 - 1:36

Não pegou só bugou Triste
avatar

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Qui 30 Mar 2017 - 1:40

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


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Qui 30 Mar 2017 - 1:43

Eu fiz
avatar

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Sex 31 Mar 2017 - 2:15

Agora posso dá um UP acho

UP '-'
avatar

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Sab 1 Abr 2017 - 15:35

Alguém pode me ajudar ?
avatar

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Sab 1 Abr 2017 - 15:53

Olá,

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

Tchau


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Sab 1 Abr 2017 - 15:57

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

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Sab 1 Abr 2017 - 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~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Sab 1 Abr 2017 - 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.
avatar

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Sab 1 Abr 2017 - 20:49

Olá,

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

Tchau


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


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Sab 1 Abr 2017 - 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://i58.servimg.com/u/f58/19/60/65/31/flood10.png
avatar

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Sab 1 Abr 2017 - 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:
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


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Sab 1 Abr 2017 - 21:41

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

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Sab 1 Abr 2017 - 21:43

Olá.
Precisarei novamente de sua CSS.

Tchau


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Sab 1 Abr 2017 - 21:45

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


Última edição por Sr.Oliveira em Sab 1 Abr 2017 - 22:14, editado 1 vez(es)
avatar

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Sab 1 Abr 2017 - 21:51

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

Tchau


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


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Sab 1 Abr 2017 - 21:56

Agora '-'

Porque está longe a letra do nick

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

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Sab 1 Abr 2017 - 21:57

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

Tchau


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Sab 1 Abr 2017 - 21:59

Tem como deixa o : mas perto do nick ?

Se caso não de boa.
avatar

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/
  • 0

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Sab 1 Abr 2017 - 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~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Cannabis._. em Sab 1 Abr 2017 - 22:13

Deu certo ufa obrigado Muito feliz

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

Cannabis._.
Nível 10

Masculino
Inscrito dia : 08/02/2016
Mensagens : 251
Pontos Ativos : 835

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar chatbox

Mensagem por Luiz~ em Sab 1 Abr 2017 - 22:13

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


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 1784
Pontos Ativos : 2997

http://1forum1.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