Efeito hover nos sub fóruns

Relembrando a primeira mensagem :

Qual é minha questão:
Gostaria de Saber como faz o Efeito Hover nos Sub Foruns igual o do www.narutorpgakatsuki.com
Ele está invisivel ai quando coloca o mouse por cima eles aparecem!


Imagem sem o Mouse > https://2img.net/h/oi49.tinypic.com/xepqxc.png
Imagem com o MOuse > https://2img.net/h/oi50.tinypic.com/vxmekn.png

a Versao do Meu FOrum e PunBB

Endereço do meu fórum:
https://ajuda.forumeiros.com

Versão do fórum:
PHPBB3

Flooda aqui não --'

Boa tarde,

Tente com esse código JS para fazer com que os subfóruns apareçam suavemente:

Código:

jQuery(function() {
    jQyery('.table tbody.statused tr td.tcl').over(function() {
        jQuery(this).find('.sublinks').show('slow');
    },
    function() {
        jQuery(this).find('.sublinks').hide('slow');
    });
});

Além disso, remova isso do seu CSS:

Código:

.table tbody.statused tr td.tcl:hover .sublinks{display:block}

Até mais.

Olá!

Utilize esse código Javascript:

Código:

jQuery(document).ready(function(){jQuery('.table tbody.statused tr td.tcl').hover(function(){jQuery(this).find('.sublinks').show('slow')},function(){jQuery(this).find('.sublinks').hide('slow')})});

Remova esse código CSS:

Código:

.table tbody.statused tr td.tcl:hover .sublinks{display:block}

Até mais.

quando eu retiro o codigo css, nao funciona..

killerplay escreveu:quando eu retiro o codigo css, nao funciona..

Independente do Javascript funcionar retire esse CSS, como você quer um efeito de transição, enquanto esse CSS estiver ali o Javascript não vai funcionar:

Código:

.sublinks{display:none;font-size:10px;text-align: center;}.table tbody.statused tr td.tcl:hover .sublinks{display:block;}

Tente utilizar esse Javascript:

Código:

jQuery(document).ready(function(){jQuery('.table tbody.statused tr td.tcl').hover(function(){jQuery(this).find('.sublinks').show('slow')},function(){jQuery(this).find('.sublinks').hide('slow')})});

Até mais.

não funciona!

Olá!

1º - Código a ser utilizado:

/* Sub-fóruns - Início */

jQuery(document).on('ready', function() {
/* Sub-fóruns que irão ser exibidos */
var subforuns = '<a href="Endereço do sub-fórum" id="subforum">Título do sub-fórum</a>';
/* Sub-fóruns que irão ser exibidos */

var forum = 2;
var css = "#topicsmsgs{display:none;}#subforum{padding:7px 7px 7px 7px;}";

jQuery(document).ready(function() {
jQuery("li.row:eq(" + forum + "), td.tcl:eq(" + forum + "), td.row2.icon:eq(" + forum + "), td.row1.over:eq(" + forum + ")").append("<style>" + css + "</style><div id='topicsmsgs'>" + subforuns + "</div>")
});
jQuery(document).each(function() {
jQuery('li.row:eq(' + forum + '), td.tcl:eq(' + forum + '), td.row2.icon:eq(' + forum + '), td.row1.over:eq(' + forum + ')').mouseover(function(){
jQuery("#topicsmsgs").fadeOut("fast");
});
jQuery("li.row:eq(" + forum + "), td.tcl:eq(" + forum + "), td.row2.icon:eq(" + forum + "), td.row1.over:eq(" + forum + ")").mouseleave(function(){
jQuery("#topicsmsgs").fadeIn("fast");
});
});
}

);
/* Sub-fóruns - Fim */

Vermelho -> Endereço do sub-fórum.
Laranja -> Título do sub-fórum.
Negrito -> É a parte que terá de multiplicar caso queira adicionar mais sub-fóruns, ex:

Código:

<a href="Endereço do fórum 1" id="subforum">Título do sub-fórum 1</a><a href="Endereço do fórum 2" id="subforum">Título do sub-fórum 2</a>

Verde -> Número do fórum que irá adicionar os sub-fóruns.Entenda a partir da imagem abaixo:

• A contagem dos fóruns irá começar pelo número 0;
  
• De forma crescente poderá se obter o número;
  
• Para cada fórum deverá multiplicar todo o código.

2º - Aplicação do tutorial:
Aceda à:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos em todas as páginas.

Código JavaScript Campo destinado para receber o código JavaScript criado anteriormente.

Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.

• Resultado:
  
  

Melhores cumprimentos,
seender

Resolvido!