Personalização do chat

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

Resolvido Personalização do chat

Mensagem por rockdebate em 15/09/12, 04:28 pm

Qual é minha questão:
Existe algum código que eu possa acrescentar ao meu CSS para melhorar o chatbox do meu fórum?

Vejam abaixo um print que eu tirei dele:
http://i30.servimg.com/u/f30/17/70/63/19/chatbo10.jpg

É um pouco feio e... Queria melhora-lo um pouco.

Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://metalisthelaw.ativoforum.com/

Versão do meu fórum:
INVISION
avatar

rockdebate
Nível 2

Masculino
Inscrito dia : 09/09/2012
Mensagens : 13
Pontos Ativos : 27

Ver perfil do usuário http://metalisthelaw.ativoforum.com/

Resolvido Re: Personalização do chat

Mensagem por Sennior em 15/09/12, 04:35 pm

Boa tarde,

Aceda à teu CSS com o código abaixo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:

.introduction, .panel {-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #FCFCFC;border: 2px solid #EAEAEA;border-radius: 5px;}.row3 {background-color: white;}.panel {background-color: white;color: gray;margin-bottom: 4px;padding: 0 10px;}

Atenciosamente,
Mikéé.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização do chat

Mensagem por rockdebate em 15/09/12, 04:43 pm

@Mikéé escreveu:Boa tarde,

Aceda à teu CSS com o código abaixo:
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:

.introduction, .panel {-moz-border-radius: 5px;-webkit-border-radius: 5px;background-color: #FCFCFC;border: 2px solid #EAEAEA;border-radius: 5px;}.row3 {background-color: white;}.panel {background-color: white;color: gray;margin-bottom: 4px;padding: 0 10px;}

Atenciosamente,
Mikéé.
Adicionei as linhas de CSS em questão e não resultou em nada, o chatbox continua como antes.
avatar

rockdebate
Nível 2

Masculino
Inscrito dia : 09/09/2012
Mensagens : 13
Pontos Ativos : 27

Ver perfil do usuário http://metalisthelaw.ativoforum.com/

Resolvido Re: Personalização do chat

Mensagem por Sennior em 15/09/12, 04:50 pm

Olá,

Poderá então desfrutar dos códigos do tutorial abaixo:


Passar bem.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Personalização do chat

Mensagem por Dr.Birita em 17/09/12, 12:20 pm

Muito bem, caso nada ocorro eu to postando aqui para facilitar:

Vá em:

Painel de Controle -> Módulos -> Portal & Widgets -> Gestão dos Widgets do Fórum -> Criar um Widget personalizado:

Nome Do Widget: Bote ChatPersonalizado
Utilizar Um table Type: (Maque Não)
titulo do Widget: Não escreva Nada:
Fonte do widget:

CODIGO:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="Imagem de ENTRADA AQUI[/img]" id="chatboxopen" style="display: inline; "><img src="IMAGEM DE SAIDA AQUI" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

O que eu quero dizer com imagem de Entrada e de Saida: Simples:
Onde vai aparecer para fechar e para abrir o CHAT, ele ficara em um sitio diferente, Claro que você pode criar sua própria ABA DE FECHAR E DE SAIR mais se quiser utilize a mesma que a minha se quiser o mesmo que o meu Bote na FONT de Widget este cod:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"></iframe><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i39.servimg.com/u/f39/17/09/34/10/abrir10.jpg" id="chatboxopen" style="display: inline; "><img src="http://i39.servimg.com/u/f39/17/09/34/10/enter10.jpg" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>


Até mais. Tive uma idéia!
avatar

Dr.Birita
Nível 6

Masculino
Inscrito dia : 17/09/2012
Mensagens : 69
Pontos Ativos : 137

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

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