Problema com código de chatbox lateral

Item: Problema com código de chatbox lateral
Rating: 1

por IsmaelS. 17.11.15 20:09

Detalhes da questão

Endereço do fórum: http://master-publicitario.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Olá!

Eu no meu fórum queria colocar o chatlateral em todas as páginas, só que não uso widgets, e não queria colocar na homepage. Será possível colocar em alguma edição de template ou algum código javascript? Tenho este código:

Código:: <div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"> <iframe frameborder="0" marginheight="0" marginwidth="0" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:750px" scrolling="yes" id="chatboxpop" src="/chatbox"> </iframe> <div style="margin-top: 10px; cursor :pointer; float:left" onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();"> <img style="display: inline; " id="chatboxopen" src="http://i.imgur.com/NfjAClT.png" /><img style="cursor: pointer; display: none; " id="chatboxclose" src="http://i.imgur.com/hRUd45T.png" /> </div> </div>

por **Fraise** 17.11.15 20:44

Boa noite.

Acede a Painel de Controle > Visualização > Templates > Geral > overall_header e coloque esse código abaixo da tag <body>. Não se esqueça de salvar e publicar.

Até mais.
Fraise

por IsmaelS. 17.11.15 21:16

Fraise escreveu:Boa noite.

Acede a Painel de Controle > Visualização > Templates > Geral > overall_header e coloque esse código abaixo da tag <body>. Não se esqueça de salvar e publicar.

Até mais.
Fraise

@Fraise mas isso não vai aparecer também aos convidados? Queria apenas aos membros!

por Ace 17.11.15 21:19

Olá,

Faça o seguinte:

Ative os widgets do seu fórum e delete TODOS os que vem por padrão. Crie um widget novo - apenas para os membros - e siga o tutorial novamente.

Não verá a coluna!

Att.

por IsmaelS. 17.11.15 21:22

@Ace se ativar os widgets mesmo que não tenha nenhum o fórum fica todos "marado" ou seja o tema não é feito para widgets, por isso é que queria outra solução.

por **Fraise** 17.11.15 21:24

Ismael, basta não definires espaço para esses widgets.

Cumps.
Fraise

por IsmaelS. 17.11.15 21:48

Como assim? Tentei colocar e não aparece amigo Tonto

por Ace 17.11.15 21:52

Olá,

Deixe os widgets ativos e com a largura 180 normalmente. Se ele não estiver tabelado como um widget, a coluna desaparece.

Att.

por MateusAnjosV 17.11.15 21:58

Boa noite.

Podemos fazer por javascript, mesmo que eu ache desnecessário...

Código:: $(function(){ $('body').after('<br><br><div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"> <iframe frameborder="0" marginheight="0" marginwidth="0" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:750px" scrolling="yes" id="chatboxpop" src="/chatbox"> </iframe><div style="margin-top: 10px; cursor :pointer; float:left" id="clit"><img style="display: inline; " id="chatboxopen" src="http://i.imgur.com/NfjAClT.png" /><img style="cursor: pointer; display: none; " id="chatboxclose" src="http://i.imgur.com/hRUd45T.png" /> </div></div>'); $('#clit').click(function(){jQuery("#chatboxpop").animate({width:"toggle"},1200);jQuery('#chatboxopen,#chatboxclose').toggle();}); });

por IsmaelS. 17.11.15 23:02

É isso mesmo amigo, porém aparece também para os visitantes amigo.

por **Fraise** 17.11.15 23:14

Troque por este:

Código:: $(function() { if (_userdata["session_logged_in"] = 1) { $('body').after('<br><br><div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"> <iframe frameborder="0" marginheight="0" marginwidth="0" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:750px" scrolling="yes" id="chatboxpop" src="/chatbox"> </iframe><div style="margin-top: 10px; cursor :pointer; float:left" id="clit"><img style="display: inline; " id="chatboxopen" src="http://i.imgur.com/NfjAClT.png" /><img style="cursor: pointer; display: none; " id="chatboxclose" src="http://i.imgur.com/hRUd45T.png" /> </div></div>'); } $('#clit').click(function() { jQuery("#chatboxpop").animate({ width: "toggle" }, 1200); jQuery('#chatboxopen,#chatboxclose').toggle(); }); });

Até mais.
Fraise

por IsmaelS. 17.11.15 23:33

Continua igual amigo.

por **Fraise** 17.11.15 23:43

Veja assim:

Código:: $(function() { if (_userdata["session_logged_in"] = true) { $('body').after('<br><br><div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"> <iframe frameborder="0" marginheight="0" marginwidth="0" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:750px" scrolling="yes" id="chatboxpop" src="/chatbox"> </iframe><div style="margin-top: 10px; cursor :pointer; float:left" id="clit"><img style="display: inline; " id="chatboxopen" src="http://i.imgur.com/NfjAClT.png" /><img style="cursor: pointer; display: none; " id="chatboxclose" src="http://i.imgur.com/hRUd45T.png" /> </div></div>'); $('#clit').click(function() { jQuery("#chatboxpop").animate({ width: "toggle" }, 1200); jQuery('#chatboxopen,#chatboxclose').toggle(); }); } });

Até mais.
Fraise

por IsmaelS. 17.11.15 23:51

@Fraise continua igual amigo :/

por MateusAnjosV 18.11.15 13:53

Estranho... na teoria o código dele deveria funcionar.... Substitua por esse:

Código:: $(function(){ if(_userdata["session_logged_in"] >= 1){ $('body').after('<br><br><div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;"> <iframe frameborder="0" marginheight="0" marginwidth="0" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:750px" scrolling="yes" id="chatboxpop" src="/chatbox"> </iframe><div style="margin-top: 10px; cursor :pointer; float:left" id="clit"><img style="display: inline; " id="chatboxopen" src="http://i.imgur.com/NfjAClT.png" /><img style="cursor: pointer; display: none; " id="chatboxclose" src="http://i.imgur.com/hRUd45T.png" /> </div></div>'); $('#clit').click(function(){jQuery("#chatboxpop").animate({width:"toggle"},1200);jQuery('#chatboxopen,#chatboxclose').toggle();}); }; });

por IsmaelS. 18.11.15 16:38

@MateusAnjosV agora sim resultou amigo, obrigado a todos e resolvido!

por **Fraise** 19.11.15 23:34

Problema com código de chatbox lateral Symbol10

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Problema com código de chatbox lateral