Chatbox personalizado
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Chatbox personalizado
Detalhes da questão
Endereço do fórum: http://redestoryrankup.forumeiros.com
Versão do fórum: ModernBB
Descrição
Como deixo o chat box dessa maneira?
https://prnt.sc/svmq45
E diminuo um pouco? Deixo ele apenas maior de largura e pouco de altura
Re: Chatbox personalizado
Olá @ElevenFraca_,
Adicione na sua folha de estilo o seguinte código:
Lembre-se que este fórum de suporte gratuito para fóruns Forumeiros não aceita o plágio, sendo que as suas questões poderão ser movidas automaticamente para a "Lixeira".
Atenciosamente,
pedxz.
Adicione na sua folha de estilo o seguinte código:
- Código:
[id^="chatbox_"] {
width: 100% !important;
height: 450px !important;
}
Lembre-se que este fórum de suporte gratuito para fóruns Forumeiros não aceita o plágio, sendo que as suas questões poderão ser movidas automaticamente para a "Lixeira".
Atenciosamente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: Chatbox personalizado
Olá,
Eu ajustei o mesmo para a largura 100% e altura 150px.
Mas o chatbox ficou dessa maneira: https://prnt.sc/svywf1
E mais uma coisa, eu quero colocar o título Rede Story em cima do ChatBox.
Fico grato
Eu ajustei o mesmo para a largura 100% e altura 150px.
Mas o chatbox ficou dessa maneira: https://prnt.sc/svywf1
E mais uma coisa, eu quero colocar o título Rede Story em cima do ChatBox.
Fico grato
Re: Chatbox personalizado
Altere o código de cima para:
- Código:
#chatbox_top,
#chatbox_bottom {
width: 100% !important;
height: 150px !important;
}
.chat-title {
font-size: 0;
}
.chat-title::before,
#nb-users-connected {
font-size: 12px;
}
.chat-title::before {
content: 'Rede Story';
}
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: Chatbox personalizado
Olá, o chat box ficou assim: https://prnt.sc/sxij8n
Não apareceu "Rede Story" Como título, o botão conectar-se sumiu, dá para usar ele apenas passando o mouse por cima (Linha vermelha com seta no canto direito).
Quando conectar fica assim: https://prnt.sc/sxikb0
A imagem avatar do usuario some!
+1 favor: Além de arrumar tais pedidos, queria que fizesse com que a imagem (print 1) sumida de quando o usuario fica desconectado do chat box seja Essa: http://prnt.sc/sxilod, e quando o usuario se conectar a imagem seja substituida para a do avatar dele mesmo.
Tem como? Fico agradecido
Não apareceu "Rede Story" Como título, o botão conectar-se sumiu, dá para usar ele apenas passando o mouse por cima (Linha vermelha com seta no canto direito).
Quando conectar fica assim: https://prnt.sc/sxikb0
A imagem avatar do usuario some!
+1 favor: Além de arrumar tais pedidos, queria que fizesse com que a imagem (print 1) sumida de quando o usuario fica desconectado do chat box seja Essa: http://prnt.sc/sxilod, e quando o usuario se conectar a imagem seja substituida para a do avatar dele mesmo.
Tem como? Fico agradecido
Re: Chatbox personalizado
O código passado em cima é funcional, tente alterar para:ElevenFraca_ escreveu:Olá, o chat box ficou assim: https://prnt.sc/sxij8n
Não apareceu "Rede Story" Como título, o botão conectar-se sumiu, dá para usar ele apenas passando o mouse por cima (Linha vermelha com seta no canto direito).
- Código:
#chatbox_top,
#chatbox_bottom {
width: 100% !important;
height: 150px !important;
}
.chat-title {
font-size: 0;
}
.chat-title::before,
#nb-users-connected {
font-size: 12px;
color: white!important;
}
.chat-title::before {
content: 'Rede Story';
}
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: Chatbox personalizado
Olá, ainda não foi resolvido, o avatar não aparece como eu pedi anteriormente, botões só funcionam se passar o mouse em cima, e quero "Rede Story" centralizado no chatbox
https://prnt.sc/syrmna
https://prnt.sc/syrnb8
https://prnt.sc/syrmna
https://prnt.sc/syrnb8
Re: Chatbox personalizado
Altere o código em cima para:
- Código:
#chatbox_top,
#chatbox_bottom {
width: 100% !important;
height: 150px !important;
}
.chat-title {
font-size: 0;
}
.chat-title::before,
#nb-users-connected,
.chatbox-options a {
font-size: 12px;
color: white!important;
}
.chat-title::before {
content: 'Rede Story';
}
.chatbox-title {
width: 80%!important;
text-align: center;
}
.chatbox-options {
width: 20%!important;
text-align: right;
}
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: Chatbox personalizado
Olá senhor Pedxz,
O chatbox ficou dessa maneira: https://prnt.sc/t07neq
Não é como pedi
O título "Rede Story" Não centralizou, e quero o título com a letra um pouco maior e letra de forma.
E a imagem do usuário não aparece nem desconectado e nem conectado.
O chatbox ficou dessa maneira: https://prnt.sc/t07neq
Não é como pedi
O título "Rede Story" Não centralizou, e quero o título com a letra um pouco maior e letra de forma.
E a imagem do usuário não aparece nem desconectado e nem conectado.
Re: Chatbox personalizado
O título ficou centralizado de acordo com o "Conectar-se".ElevenFraca_ escreveu:O título "Rede Story" Não centralizou,
Altere o código CSS apresentado em cima para:e quero o título com a letra um pouco maior e letra de forma.
- Código:
#chatbox_top,
#chatbox_bottom {
width: 100% !important;
height: 150px !important;
}
.chat-title {
font-size: 0;
}
.chat-title::before,
#nb-users-connected,
.chatbox-options a {
font-size: 12px;
color: white!important;
}
.chat-title::before {
content: 'Rede Story';
font-size: 18px!important;
font-weight: bold!important;
text-transform: uppercase;
}
.chatbox-title {
width: 80%!important;
text-align: center;
}
.chatbox-options {
width: 20%!important;
text-align: right;
}
Devemos focar em uma coisa de cada vez, primeiramente estamos a customizar o seu chatbox, após concluir avançaremos para o avatar!E a imagem do usuário não aparece nem desconectado e nem conectado.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Re: Chatbox personalizado
Problema resolvido!
Re: Chatbox personalizado
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225
Tópicos semelhantes
» Chatbox personalizado
» Chatbox personalizado
» Chatbox personalizado
» Chatbox personalizado
» Chatbox personalizado
» Chatbox personalizado
» Chatbox personalizado
» Chatbox personalizado
» Chatbox personalizado
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos