Efeito utilizando Javascript

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

Resolvido Efeito utilizando Javascript

Mensagem por Uilia em 21/08/11, 12:44 pm

Qual é minha questão:
É possível faser isso em javascript??
Apos passar o mouse emcima das categorias aparecer isso:


Imagens do meu problema:
http://i26.servimg.com/u/f26/15/16/38/66/topico10.jpg

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

Versão do meu fórum:
PHPBB3


Última edição por lamina em 28/08/11, 06:21 pm, editado 1 vez(es)
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Efeito utilizando Javascript

Mensagem por Luciano98 em 21/08/11, 01:18 pm

Olá!

Poderia postar o link do fórum ou site onde você viu isso?

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia em 21/08/11, 01:25 pm

Este : xtibia.com
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Efeito utilizando Javascript

Mensagem por LucasChaotic em 26/08/11, 05:04 pm

Olá

Este Fórum Não É Da Forumeiros.

Sinto Muito.
avatar

LucasChaotic
Nível 6

Masculino
Inscrito dia : 13/03/2011
Mensagens : 79
Pontos Ativos : 114

Ver perfil do usuário http://narutostorm-online.forumeiros.com/forum

Resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia em 26/08/11, 05:05 pm

Mas crieio que os codigos funcione com a forumeiros Muito feliz
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/
  • 0

Resolvido Re: Efeito utilizando Javascript

Mensagem por Solkis em 28/08/11, 05:53 pm

Boa tarde,

Aqui está o código, que deverá ser inserido na gestão de scripts e deverá ser exibido em todas as páginas. A caixa pode não ter ficado boa, mas isso o pessoal daqui consegue lhe ajudar, é só modificar via CSS:
Código:
$(function() {
   
   $('li.row dd.topics, li.row dd.posts, li.header dd.topics, li.header dd.posts').css('display', 'none');
   $('li.row').hover(function() {
      posts = $(this).find('dd.posts').html();
      topics = $(this).find('dd.topics').html();
      
      $(this).find('dd.dterm div h3').append('<span class="row_info" style="display: none; background-color: #F3F3F3; border: 1px solid #eee; padding: 3px; margin-left: 20px; width: auto;"><strong>' + topics + '</strong> tópicos & <strong>' + posts + '</strong> mensagens</span>');
      $('.row_info').show(2000).css('display', 'inline');
   },
   
   function() { $('.row_info').hide(2000).remove(); }
   );
});
      
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia em 28/08/11, 05:56 pm

Ficou bom mais o tempo para aparecer é meio lerdo.
tem como por o tempo um poco mais rapido ?

Edit@

Nuss arrumei ja cara.. perfeito rep+++++++
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Efeito utilizando Javascript

Mensagem por Ace em 28/08/11, 06:48 pm

Olá,

Poderia ser mais claro na sua duvida anterior?

Atenciosamente
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: Efeito utilizando Javascript

Mensagem por Uilia em 28/08/11, 06:49 pm

A css para editar a caixa o.O
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Efeito utilizando Javascript

Mensagem por Ace em 28/08/11, 06:58 pm

Olá,

você quis dizer que quer saber onde fica a folha CSS?

Desculpe se interpretei mal, mas não estou conseguindo te entender...

Atenciosamente
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: Efeito utilizando Javascript

Mensagem por Solkis em 28/08/11, 07:01 pm

O seletor é .row_info ! Piscada
avatar

Solkis
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/01/2008
Mensagens : 9983
Pontos Ativos : 12074

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

Resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia em 28/08/11, 07:07 pm

vlw..
e obg novamente..
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

Resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia em 28/08/11, 07:09 pm

É funciono nao olha :

Código:
.row_info {
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
background:#e9ecef;
}
avatar

Uilia
Membro do Fórum

Masculino
Inscrito dia : 01/05/2010
Mensagens : 1193
Pontos Ativos : 1841

Ver perfil do usuário http://www.safegame.com.br/

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