Hitskin.comIsto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
ArtigosCHAT retratil
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
CHAT retratil
por Side 12.07.13 17:01
Qual é minha questão:
Olá.
Gostaria de implementar o menu retrátil em meu fórum:
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
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 18:19, editado 1 vez(es)
Side- Membro
- Membro desde : 28/11/2010
Mensagens : 733
Pontos : 1040 -
Re: CHAT retratil
por Hizu 12.07.13 17:10
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.
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.
Hizu- ****
- Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360
Re: CHAT retratil
por Side 12.07.13 17:13
Sim Sim, eu sei Hizu uhsuhsauhasuha.
Não resultou, por isso vim buscar ajuda :/
Não resultou, por isso vim buscar ajuda :/
Side- Membro
- Membro desde : 28/11/2010
Mensagens : 733
Pontos : 1040 -
Re: CHAT retratil
por MateusA 12.07.13 17:31
Olá!
Menu retrátil ou chat retrátil? o código citado acima e para chatbox.
Até mais.
Menu retrátil ou chat retrátil? o código citado acima e para chatbox.
Até mais.
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
Side- Membro
- Membro desde : 28/11/2010
Mensagens : 733
Pontos : 1040 -
Re: CHAT retratil
por Hizu 12.07.13 18:26
Olá novamente!
O senhor poderia nos ceder a tua CSS?
Atenciosamente,
Hizu.
O senhor poderia nos ceder a tua CSS?
Atenciosamente,
Hizu.
Hizu- ****
- Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360
Re: CHAT retratil
por MateusA 12.07.13 18:29
Olá!
Veja o tutorial dentro do spoiler:
Até mais.
Veja o tutorial dentro do spoiler:
- Spoiler:
Aceda á "Folha de Estilos CSS":
Painel de Controle
Visualização Imagens e Cores Cores 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; }
Aceda á "Folha de Estilos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT 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,{})) });
Em todas as páginas.
Valide e veja o resultado.
Até mais.
MateusA- Hiper Membro
- Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215 -
Re: CHAT retratil
por Side 12.07.13 18:53
Brigado pela ajuda, resultou perfeitamente.
Obrigado à você também Hizu.
Resolvido!
Obrigado à você também Hizu.
Resolvido!
Side- Membro
- Membro desde : 28/11/2010
Mensagens : 733
Pontos : 1040 -
Tópicos semelhantes» Chat retratil com bug
» Chat box retrátil
» Chat retrátil
» Chat box retrátil - lateral
» Chat Box Retrátil - Lateral
» Chat box retrátil
» Chat retrátil
» Chat box retrátil - lateral
» Chat Box Retrátil - Lateral
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos