Função de Categorias e Forums.

• Descrição:

Olá amigos, eu procurei por tudo quanto é lugar e não achei, então resolvi pedir a ajuda dos Batmans dos Forums rsrsrs, então, como podem ver na imagem,  tem as categorias e os forums abaixo, porém não é algo tão "simples", tipo assim, Eu tenho uma categoria chamada Blablabla dentro desta categoria tem mais 2 Sub-Categorias e dentro destas subs tem os topicos, só que no Forum que vi, as sub-categorias não aparecem, somente quando passamos o mouse por cima.



Então, aí vou explicar melhor Essa parte onde tá escrito Denuncias [Servidor % Forum] fica normal, quando passa o mouse em cima dela, aí aparece a parte dos fórum que eu circulei em vermelho ? acho que deu pra entender, Por favor me ajudem, já procurei tanto por isso e não consigo achar :/

• Informações:

Alex Habilidade escreveu:Olá tudo bem?

Creio que está categoria foi criada por HTML e aplicada na descrição da categoria 'Denúncias', sendo assim preciso que me passe os links que você quer que apareça, para que eu faço o código e aplico também o efeito hover.

Código:


<span class="alexH">
<table>
    <tr>
    <td style="padding: 30px"><img src="http://2img.net/i/fa/punbb/../Online.png" />
    <a href="http://bpn-roleplay.forumeiros.com/f1-restabelecimento">Restabelecimento</a></td>
    <td style="padding: 30px"><img src="http://2img.net/i/fa/punbb/../Online.png" />
    <a href="http://bpn-roleplay.forumeiros.com/f2-promocoes-rebaixamentos">Promoções Rebaixamentos</a></td>
    </tr>

</table>
</span>


Painel de Controle -> Modulos -> Gestão dos códigos JavaScript -> Criar um novo JavaScript

Código:


$(document).ready(function(){
        $(".alexH").hide();
        $(".tcl .hierarchy a").mouseenter(function(){
            $(this).closest('.tcl').find(".alexH").show('1000');
        });
    });


Código:


<tr>
    <td style="padding: 30px"><img src="http://2img.net/i/fa/punbb/../Online.png" />
    <a href="http://bpn-roleplay.forumeiros.com/f1-restabelecimento">Restabelecimento</a></td>
    <td style="padding: 30px"><img src="http://2img.net/i/fa/punbb/../Online.png" />
    <a href="http://bpn-roleplay.forumeiros.com/f2-promocoes-rebaixamentos">Promoções Rebaixamentos</a></td>
    </tr>


Código:


<span class="alexH">
<table>
    <tr>
    <td style="padding: 8px;background-color: transparent!important;"><img src="http://i.imgur.com/pizRY.png" />
    <a href="http://bpn-roleplay.forumeiros.com/f1-restabelecimento">Restabelecimento</a></td>
    <td style="padding: 8px;background-color: transparent!important;"><img src="http://i.imgur.com/pizRY.png" />
    <a href="http://bpn-roleplay.forumeiros.com/f2-promocoes-rebaixamentos">Promoções Rebaixamentos</a></td>
    </tr>

</table>
</span>


Código:


.alexH a {
text-decoration: none; 
}


Código:


$(document).ready(function () {
    $(".alexH").hide();
    $(".tcl .hierarchy a").mouseenter(function () {
        $(this).closest('.tcl').find(".alexH").show();

    });
    $(".alexH").mouseleave(function () {
        $(this).closest('.tcl').find(".alexH").hide();

    });
});