Tem como por xat.com do lado do fórum ?

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

Resolvido Tem como por xat.com do lado do fórum ?

Mensagem por iPrompt em 21/02/12, 12:22 pm

Qual é minha questão:
Queria por um xat do xat.com iqual poim o Chatbox

Print : http://i34.servimg.com/u/f34/16/04/51/75/open10.png

Medidas que eu tomei para corrigir o problema:
Não Tomei nenhuma Medidas

Links e imagens do meu problema:
http://i34.servimg.com/u/f34/16/04/51/75/open10.png

Endereço do meu fórum:
http://hetsrevolution.forumais.com/forum

Versão do meu fórum:
PHPBB3
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Tem como por xat.com do lado do fórum ?

Mensagem por ppedro19 em 21/02/12, 12:30 pm

Acabei de perguntar isso,olha ali nos ultimos assuntos
avatar

ppedro19
Nível 10

Masculino
Inscrito dia : 25/01/2012
Mensagens : 276
Pontos Ativos : 369

Ver perfil do usuário http://pokemon.ultimaterpg.net/forum

Resolvido Re: Tem como por xat.com do lado do fórum ?

Mensagem por iPrompt em 21/02/12, 12:31 pm

Você perguntou como por o ChatBox e não como por um Xat do xat.com
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Tem como por xat.com do lado do fórum ?

Mensagem por Ace em 21/02/12, 12:36 pm

Olá,

No caso, ele deseja utilizar um chat box externo e não o do fórum. A diferença é essa. Piscada

No caso, tente utilizar o seguinte código:

<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"><script src="CÓDIGO DO XAT EM PÁGINA" 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"></script><div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left"><img src="http://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

CÓDIGO DO XAT EM PÁGINA >> Substitua por uma URL de uma página que hospede o conteúdo do código direto ao xat.

No mais, para fazer a aplicação, leia o tutorial no spoiler, porém, substituindo pelo código acima.

Spoiler:


Chat Box Retrátil - Lateral

Muitas vezes, desejamos poder fazer algo dinâmico, simples, elegante e prático. Neste tutorial, aplicaremos esses conceitos ao Chat Box que ficará em uma lateral do fórum, trazendo assim, maior comodidade no ato da navegação.

--> Tutoriais, dicas e astúcias <--
Chat Box Retrátil - Lateral


- Conhecendo e modificando o código:

<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://i34.servimg.com/u/f34/16/04/51/75/open10.png" id="chatboxopen" style="display: inline; "><img src="http://i34.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; "></div></div>

Vermelho > O campo define se a imagem de abertura fica fixa na lateral do fórum ou se ela acompanha o chatbox em seu distender. Em 'right', a imagem acompanhará o chat e, em 'left', a imagem fica fixa na tela e o chat box se estende a sua esquerda.
Laranja > O campo define o tamanho em qual a largura do chat irá distender.
Azul > O valor deste campo define em quanto tempo o chat se abrirá por total. A cada 1000 = 1 segundo. Se o valor for 0, não há deslize e ele abre imediatamente.
Em Negrito: > Imagem que, quando acionada, irá fechar o chatbox.
Em Itálico > Imagem que, quando acionada, irá fechar o chatbox.

- Aplicação do código:

Para utilizarmos o chat box retrátil, utilizaremos um widget personalizado. Para isso, aceda à:

Painel de controle (Avançado) >> Módulos >> Portal & Widgets >> Gestão dos widgets (fórum/portal) >> Novo widget personalizado


Seta Nome do widget: - Será o nome dado ao widget para localização e controle deste pelo Painel de Controle.
Seta Utilizar um table type: - Nesta opção, deverá ser marcado o "Não".
Seta Título do widget: - Nesta opção, não será necessário preenchimento, resultado da marcação do "Não" anteriormente.
Seta Fonte do widget: - Neste campo, deve ser inserido o código mostrado no passo 1.
Seta Salvar: - Para que o widget apareça corretamente, este box deve ser acionado, após as devidas modificações.

Feito isso, basta que o widget seja arrastado para uma coluna no módulo correspondente para que o chat seja aplicado.

  • Resultado:





© Fórum dos Fóruns

Flecha ajudeiros Resulta?

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

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

Resolvido Re: Tem como por xat.com do lado do fórum ?

Mensagem por iPrompt em 21/02/12, 12:39 pm

Bom eu puis o site do meu xat só que não deu fico branco

obs : tem que por o id do xat ?
avatar

iPrompt
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 10/02/2012
Mensagens : 5364
Pontos Ativos : 6851

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

Resolvido Re: Tem como por xat.com do lado do fórum ?

Mensagem por Ace em 21/02/12, 12:45 pm

Olá,

No caso, terá de hospedar o conteúdo do código do XAT, aquele que é gerado para colocar em seu fórum, em uma página de códigos ou em uma das oferecidas pela Forumeiros em:

Painel avançado >> Módulos >> HTML & JavaScript >> Gestão das páginas HTML

De lá, deverá pegar essa URL e colocar no espaço anteriormente citado. Piscada

No mais, leia:

Flecha ajudeiros http://ajuda.forumeiros.com/t44902-
Flecha ajudeiros http://ajuda.forumeiros.com/t7967

Até Mais!
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.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