Como conserto meu chat a box ?

3 participantes

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

Tópico resolvido Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 18:05

Qual é minha questão:
Ae , Olha como ta meu chat a box

https://i.imgur.com/jKCjx.png <--

Ta todo desconfigurado , Sem  a barra verde de cima , sem borda , sem nada , peladim , como conserto isso ?

Endereço do meu fórum:
http://heerocheats.forumeiros.com

Versão do fórum:
INVISION
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. 20.12.12 18:07

Olá!
Leia este tópico:
Flecha ajudeiros [TUTORIAL] Personalizar o Chatbox

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 18:12

Man este tutorial e muito complicaod , você poderia me ajudar ?
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. 20.12.12 18:14

Olá!
Sim, claro! Me diga oque o senhor deseja personalizar, que irei desenvolver o código para você.

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 18:20

Bom primeiramente subir onde esta escrito ChatBox e Coloca a Barra de volta ali , colocar glow preto atraz do chat e onde esta escrito '' Connectado '' ou '' ausente '' seila , arredondar os boteoes e remover o efeito de quando passo a seta pra colocar 1 carinha feliz o negocio crescer.

Olha o print de antes e o depois

Antes :
https://i.imgur.com/jKCjx.png

Depois :

https://i.imgur.com/NOZcc.png

Se puder ajudar ;D

@ Edit : E Centrualizar os Nicks de quem esta online no Xat.
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. 20.12.12 18:27

Olá!
Aceda a Folha de Estilo CSS:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS
Código:
Código:
.chatbox-title, .chatbox-title a.chat-title {margin-top: -8px;}
.chatbox-title {background: #3D4141;width: 12.7%;border-right: 1px solid;height: 70%;}
.member-title.online {text-shadow: 0 0 5px #12E0D6;}
.fontbutton_hover {border: none;}
e Valide!

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 18:33

Vish man n mudou quase nada .. ficou um troço cinza atras do '' ChatBox'' so isso '-'
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. 20.12.12 18:35

Hello!
Substitua o código por este:
.chatbox-title, .chatbox-title a.chat-title {margin-top: -8px;}
.member-title.online {text-shadow: 0 0 5px #12E0D6;}
.fontbutton_hover {border: none;}
#chatbox_members {text-align: center;}
Oque mais o senhor deseja alterar?

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 18:38

e onde ta escrito ausente , o glow n pega la tb n ?
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. 20.12.12 18:41

Hello!
Substitua o código por este:
.chatbox-title, .chatbox-title a.chat-title {margin-top: -8px;}
.member-title.online, .member-title.away {text-shadow: 0 0 5px #12E0D6;}
.fontbutton_hover, .fontbutton_selected {border: none;}
#chatbox_members {text-align: center;}

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 18:44

Agora eu vou fazer uma edição pelo photoshop pra vc ver como eu quero o resto.

@ EDIT : Olha uque eu fiz no phootoshop eu quero mais ou menos assim se puder.

https://i.imgur.com/I5Wtm.png

So que onde esta escrito CHATABOX colocar um glow preto atraz dele , e na parte de baixo colocar os botoes ali direitinho rsrs , e deixa a font do chatbox normal .
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. 20.12.12 19:07

Hello!
Adicione este código CSS:
.chatbox-title {background: url(https://2img.net/r/ihimizer/img225/1690/style01.gif);width: 99.2%;height: 100%;margin-top: -15px;}
#chatbox_footer {background: url(https://2img.net/r/ihimizer/img225/1690/style01.gif);}
#chatbox_main_options {margin-top: -30px;}
.chatbox-title, .chatbox-title a.chat-title {color: white;font-size: 20px;}

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 19:12

Como fasso pra separar as mensagens de cada membro ? e personalizar o botoes do chatbox ?
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. 20.12.12 19:13

Olá!
Não pude compreender, poderia ser mais claro? Separar com qual modo? Colocar um background diferenciado para cada mensagem? E sobre os botões, como o senhor deseja?

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 19:16

Bom eu queria arredondar os boteos , colocalos como os da mensagem rapida do Forum dos Foruns , Quanto Em separar as mensagens colocar o fundo de cada uma diferente , Um cinza claro e um escuro Compriende ?

E tem umas linhas mais claras que estao me encomodando , estao fazendo o redor '' Contorno '' da parte de baixo do xat e e a parte de cima e bem grossa a linha .

https://i.imgur.com/8YcXy.png
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. 20.12.12 19:21

Hello!
Adicione este código CSS:
.fontbutton {border-radius:3px;border: 1px solid #DDD;border-image: initial;border-radius: 2px;color: #666;display: inline;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: 400;line-height: 17px;margin: 0px;padding: 3px 7px;text-align: center;text-decoration: initial;}
.chatbox_row_1 {background-color:#DDDDDD;}
.chatbox_row_2 {background-color:#D3D3D3;}
Os valores em negrito altere para a cor de fundo desejada de cada mensagem postada pelo seu chatbox.

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 19:24

Tem como colocar o mesmo efeito para separar cada membro online ?

E os botoes ficaram enormes ..
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. 20.12.12 19:30

Hello!
#chatbox_members ul li {background-color:#DDDDDD;}
O valor em negrito altere para a cor de fundo desejada.

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 19:33

e os botoes n tem como colocar ele do tamanha igual desse forum aqui nao ?

e quando voce se desconecta do chat a parte de baixo dele some .. pq ?
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 20:15

??
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. 20.12.12 20:19

Olá!
Adicione este código CSS:
#chatbox_footer {height: 7%;}
Sobre os botões, visitei seu fórum e eu havia já lhe passado o CSS para coloca-lo iguais o daqui, e ele está em seu fórum atualmente.

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 20:22

man , e quando eu saio do chatbox pq a barra da parte de baixo do chat some ?
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. 20.12.12 20:28

Olá!
Então querido, adicionou o código que lhe forneci acima? Ele é para isto, desculpe por não ter informado, o mesmo resulta?

Até mais. Piscada
BrunoH.

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero 20.12.12 20:33

se era para isso nao funcionou .. kkk
Heero

Heero
****

Membro desde : 03/12/2012
Mensagens : 373
Pontos : 504

http://heerocheats.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como conserto meu chat a box ?

Mensagem por Consolado 22.12.12 3:37

Heero escreveu:man , e quando eu saio do chatbox pq a barra da parte de baixo do chat some ?
A barra de ferramentas do chatbox está disponível apenas para membros que estão conectados no mesmo, dado por padrão. Mais algum detalhe para ser concertado?

Melhores cumprimentos.
Consolado

Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

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