Efeito utilizando Javascript

5 participantes

Ir para baixo

Tópico resolvido Efeito utilizando Javascript

Mensagem por Uilia 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
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por Luciano98 21.08.11 17:18

Olá!

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

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia 21.08.11 17:25

Este : xtibia.com
Uilia
Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por LucasChaotic 26.08.11 21:04

Olá

Este Fórum Não É Da Forumeiros.

Sinto Muito.
LucasChaotic
LucasChaotic
**

Membro desde : 14/03/2011
Mensagens : 79
Pontos : 114

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia 26.08.11 21:05

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

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por Solkis 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
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia 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
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por Ace 28.08.11 22:48

Olá,

Poderia ser mais claro na sua duvida anterior?

Atenciosamente
Ace
Ace
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia 28.08.11 22:49

A css para editar a caixa o.O
Uilia
Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por Ace 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
Membro Entusiasta

Membro desde : 06/07/2011
Mensagens : 8881
Pontos : 11608

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por Solkis 28.08.11 23:01

O seletor é .row_info ! Piscada
Solkis
Solkis
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia 28.08.11 23:07

vlw..
e obg novamente..
Uilia
Uilia
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito utilizando Javascript

Mensagem por Uilia 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
Super Membro

Membro desde : 01/05/2010
Mensagens : 1193
Pontos : 1841

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

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos