Como conserto meu chat a box ?

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

Resolvido Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 15:05

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

http://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
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. em Qui 20 Dez 2012 - 15:07

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

Até mais. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 15:12

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

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. em Qui 20 Dez 2012 - 15:14

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

Até mais. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 15: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 :
http://i.imgur.com/jKCjx.png

Depois :

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

Se puder ajudar ;D

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

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. em Qui 20 Dez 2012 - 15: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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 15:33

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

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. em Qui 20 Dez 2012 - 15: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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 15:38

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

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. em Qui 20 Dez 2012 - 15: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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 15: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.

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

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. em Qui 20 Dez 2012 - 16:07

Hello!
Adicione este código CSS:
.chatbox-title {background: url(http://img225.imageshack.us/img225/1690/style01.gif);width: 99.2%;height: 100%;margin-top: -15px;}
#chatbox_footer {background: url(http://img225.imageshack.us/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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 16:12

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

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. em Qui 20 Dez 2012 - 16: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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 16: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 .

http://i.imgur.com/8YcXy.png
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. em Qui 20 Dez 2012 - 16: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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 16:24

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

E os botoes ficaram enormes ..
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. em Qui 20 Dez 2012 - 16:30

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

Até mais. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 16: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 ?
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 17:15

??
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. em Qui 20 Dez 2012 - 17: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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 17:22

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

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por BrunoH. em Qui 20 Dez 2012 - 17: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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Heero em Qui 20 Dez 2012 - 17:33

se era para isso nao funcionou .. kkk
avatar

Heero
Usuário avançado

Masculino
Inscrito dia : 03/12/2012
Mensagens : 373
Pontos Ativos : 504

Ver perfil do usuário http://heerocheats.forumeiros.com

Resolvido Re: Como conserto meu chat a box ?

Mensagem por Consolado em Sab 22 Dez 2012 - 0: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.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

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