Efeito utilizando Javascript

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

Atendido / Resolvido Efeito utilizando Javascript

Mensagem por Uilia em 21.08.11 16:44

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

Imagens do meu problema:
https://i.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 22:21, editado 1 vez(es)
Uilia

Uilia
Membro do Fórum

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

http://www.safegame.com.br/

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por Luciano98 em 21.08.11 17:18

Olá!

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

Até mais.
Luciano98

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 02/09/2010
Mensagens : 7647
Pontos Ativos : 11048

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia em 21.08.11 17:25

Este : xtibia.com
Uilia

Uilia
Membro do Fórum

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

http://www.safegame.com.br/

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por LucasChaotic em 26.08.11 21:04

Olá

Este Fórum Não É Da Forumeiros.

Sinto Muito.
LucasChaotic

LucasChaotic
Nível 6

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

http://narutostorm-online.forumeiros.com/forum

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia em 26.08.11 21:05

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

Uilia
Membro do Fórum

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

http://www.safegame.com.br/
  • 0

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por Solkis em 28.08.11 21:53

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(); }
   );
});
      
Solkis

Solkis
Principal contribuidor
Principal contribuidor

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

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia em 28.08.11 21:56

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+++++++
Uilia

Uilia
Membro do Fórum

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

http://www.safegame.com.br/

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por Ace em 28.08.11 22:48

Olá,

Poderia ser mais claro na sua duvida anterior?

Atenciosamente
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia em 28.08.11 22:49

A css para editar a caixa o.O
Uilia

Uilia
Membro do Fórum

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

http://www.safegame.com.br/

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por Ace em 28.08.11 22:58

Olá,

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

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

Atenciosamente
Ace

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8881
Pontos Ativos : 11607

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por Solkis em 28.08.11 23:01

O seletor é .row_info ! Piscada
Solkis

Solkis
Principal contribuidor
Principal contribuidor

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

https://ajuda.forumeiros.com

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia em 28.08.11 23:07

vlw..
e obg novamente..
Uilia

Uilia
Membro do Fórum

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

http://www.safegame.com.br/

Atendido / Resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia em 28.08.11 23:09

É 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;
}
Uilia

Uilia
Membro do Fórum

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

http://www.safegame.com.br/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum