Efeito no logo

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

Resolvido Efeito no logo

Mensagem por Thoth em 30/07/12, 12:38 pm

Qual é minha questão:
Olá, senhores.
Estive a observar um efeito que achei interessante.



No logo do fórum foi aplicado um efeito que abre uma ''caixa de diálogo'' ao clicar no botão ''Por que?''

Para que possam ver o efeito, vejam: http://roxgames.ativoforum.com/forum#axzz227PjtNbN

Gostaria de saber como posso aplicar tal efeito.
Desde já, agradeço vossa atenção.

Links e imagens do meu problema:


Endereço do meu fórum:
http://suportedesign.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Efeito no logo

Mensagem por MateusV. em 30/07/12, 12:40 pm

Olá!

Em que parte do fórum o senhor deseja este efeito?

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Efeito no logo

Mensagem por Thoth em 30/07/12, 02:19 pm

Desejo que o efeito seja aplicado ao lado do logo, assim como no fórum indicado.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Efeito no logo

Mensagem por Angeloid em 30/07/12, 03:18 pm

Manolo eu posso falar a Skin que é essa mais o pior é que ta em Espanhol é só traduzir a versão dele é PunBB

http://www.mediafire.com/?d9fh195xwx81c8h
avatar

Angeloid
Nível 10

Inscrito dia : 23/12/2010
Mensagens : 289
Pontos Ativos : 450

Ver perfil do usuário

Resolvido Re: Efeito no logo

Mensagem por Thoth em 30/07/12, 09:42 pm

Caro Angeloid, acredito que este efeito deva ser obtido por um código adicionado a um Widget ou por JS.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Efeito no logo

Mensagem por Oto! em 30/07/12, 09:44 pm

Boa noite,

Creio que o código foi montado a partir de edição de templetes do fórum, mais peço que aguarde um membro da equipe para confirmar.

Até mais.
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

Resolvido Re: Efeito no logo

Mensagem por Thoth em 31/07/12, 01:01 pm

Ok, Aang. Estarei a aguardar a resposta de outro integrante da equipe!
Em todo caso, obrigado.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Efeito no logo

Mensagem por Thoth em 03/08/12, 05:33 pm

Efetuando um Up afim de obter novas respostas.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Efeito no logo

Mensagem por Thoth em 05/08/12, 12:24 am

UP! Vamos lá, pessoal. Me ajudem...
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

Resolvido Re: Efeito no logo

Mensagem por MateusV. em 06/08/12, 01:55 pm

Olá!

Aceda ao seu:

Painel de controle Seta Modulos Seta HTML e Javascript Seta Gestão dos códigos Javascript Seta Criar um novo Javascript

Investimento: Em todas as páginas.
Código:
jQuery(document).ready(function() { jQuery("#logo").after('<div id="efeito-logo"><span id="efeito-logo_texto">SEU TEXTO</span><span style="display: none;" id="efeito-logo_textoescondido">SEU TEXTO QUE APARECERÁ AO CLIQUE</span></div>'); jQuery("#efeito-logo_texto").click(function() { jQuery("#efeito-logo_textoescondido").slideToggle(); }); });

Feito isto adicione este código em seu CSS:
#efeito-logo_textoescondido {
position: absolute;
margin-left: 80px;
background: #00E0FF;
padding: 10px;
border: 1px solid white;
border-radius: 10px;
}
#efeito-logo_texto {
background: #00E0FF;
padding: 10px;
border: 1px solid white;
border-radius: 10px;
cursor: pointer;
}
#efeito-logo {
position: absolute;
right: 150px;
top: 100px;
}

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Efeito no logo

Mensagem por Thoth em 06/08/12, 02:26 pm

Faltam alguns ajustes mas estarei estudando aqui.
Obrigado.
avatar

Thoth
Usuário experiente

Masculino
Inscrito dia : 01/11/2011
Mensagens : 2154
Pontos Ativos : 2743

Ver perfil do usuário http://suportedesign.forumeiros.com https://www.facebook.com/Suportedesign https://twitter.com/suportedesign

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