CHAT retratil

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

Resolvido CHAT retratil

Mensagem por Side em 12/07/13, 01:01 pm

Qual é minha questão:
Olá.

Gostaria de implementar o menu retrátil em meu fórum:

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>

Ja segui o tutorial todo, mas não resultou, o menu continua no mesmo lugar.
Oque fazer?

Endereço do meu fórum:
http://br-sobrenaturalrpg.forumeiros.com/

Versão do fórum:
PHPBB3


Última edição por Death~ em 12/07/13, 02:19 pm, editado 1 vez(es)
avatar

Side
Usuário destaque

Masculino
Inscrito dia : 28/11/2010
Mensagens : 733
Pontos Ativos : 1040

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

Resolvido Re: CHAT retratil

Mensagem por Hizu em 12/07/13, 01:10 pm

Saudações!

Para que o mesmo funcione, basta que o widget seja arrastado para uma coluna no módulo correspondente para que o chat seja aplicado. Vale ressaltar que os widgets que são criados, ficam na categoria de "Widgets Pessoais".

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: CHAT retratil

Mensagem por Side em 12/07/13, 01:13 pm

Sim Sim, eu sei Hizu uhsuhsauhasuha.
Não resultou, por isso vim buscar ajuda :/
avatar

Side
Usuário destaque

Masculino
Inscrito dia : 28/11/2010
Mensagens : 733
Pontos Ativos : 1040

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

Resolvido Re: CHAT retratil

Mensagem por MateusA em 12/07/13, 01:31 pm

Olá!

Menu retrátil ou chat retrátil? o código citado acima e para chatbox.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: CHAT retratil

Mensagem por Side em 12/07/13, 02:19 pm

Ops, Chat!
Coloquei o titulo errado.
avatar

Side
Usuário destaque

Masculino
Inscrito dia : 28/11/2010
Mensagens : 733
Pontos Ativos : 1040

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

Resolvido Re: CHAT retratil

Mensagem por Hizu em 12/07/13, 02:26 pm

Olá novamente!

O senhor poderia nos ceder a tua CSS?

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: CHAT retratil

Mensagem por MateusA em 12/07/13, 02:29 pm

Olá!

Veja o tutorial dentro do spoiler:
Spoiler:

Aceda á "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

Código:
        .chat-panel { top: 58px !important; }
        .chat-panel {position: fixed;top: 42.7%;left: -3px;display: none;background-color: #171616;border: 1px solid white;width: 805px;height: auto;padding: 10px;filter: alpha(opacity=96);opacity: 0.96;}
        a.chat-button{background-color: #171616;color: #FFFFFF;left: -6px;margin-top: 34.5px;opacity: 0.96;filter: alpha(opacity=96);border-top: 0px solid white;border-bottom: 1px solid white;border-left: 1px solid white;border-right: 1px solid white;padding: 14px 15px 12px;position: fixed;text-decoration: none;text-shadow: none;z-index: 999;float: none;line-height: 14px;-webkit-border-radius: 0 0 4px 4px;-moz-border-radius: 0 0 4px 4px;-o-border-radius: 0 0 4px 4px;border-radius: 0 0 4px 4px;font-size: 15px;font-weight: bold;-moz-transform-origin: 0 0;-webkit-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;-ms-transform-origin: 0 0;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform:rotate(-90deg);top: 50%;}
        a.chat-button:hover{left: -3px;}
        a.active.chat-button, a.active.chat-button:hover {left: 824px;}
        dl.codebox code { overflow: initial !important; }
Valide. Tive uma idéia!

Aceda á "Folha de Estilos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript"

Código:
        $(document).ready(function () { eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('$(\'e\').f(\'<2 5="0-4"><3 g="/h/d.c?7=6" 8="9: b; i: j;" ></3></2><a 5="0-1" t="#">p</a>\');$(".0-1").k(l(){$(".0-4").u("n");$(m).o("q");r s});',31,31,'chat|button|div|iframe|panel|class|front|page|style|width||800px|forum|index|body|append|src|chatbox|height|400px|click|function|this|fast|toggleClass|ChatBox|active|return|false|href|toggle'.split('|'),0,{})) });
Seta Em todas as páginas.
Valide
e veja o resultado. Tive uma idéia!

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: CHAT retratil

Mensagem por Side em 12/07/13, 02:53 pm

Brigado pela ajuda, resultou perfeitamente.
Obrigado à você também Hizu.

Resolvido!
avatar

Side
Usuário destaque

Masculino
Inscrito dia : 28/11/2010
Mensagens : 733
Pontos Ativos : 1040

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