Função de Categorias e Forums.

[jPeg.]

• 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:

Fórum:	http://bpn-roleplay.forumeiros.com/	Versão:	PHPBB2
Tipo:	Pedido de código	Tags:	Função,Categorias,Forums.

---

[Alex Habilidade]

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.

[jPeg.]

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.

Alex, sendo assim é melhor deixar quieto, pois são muitos links e vai dar muito trabalho pra você, mesmo assim muito obrigado pela atenção.

[Alex Habilidade]

Estamos aqui para ajudar, se o senhor quiser eu faço o inicio do código com alguns links, somente para o senhor ter uma noção de como será, creio que isso facilita, o que acha?

[jPeg.]

Vou mandar uns links então, obrigado ♥


http://bpn-roleplay.forumeiros.com/f2-promocoes-rebaixamentos
http://bpn-roleplay.forumeiros.com/f1-restabelecimento
http://bpn-roleplay.forumeiros.com/f3-reportar-ausencia

Obrigado novamente.

[Alex Habilidade]

Olá tudo bem?

Eu fiz somente com dois links, depois é só duplicar a linha de código e aplicar outros links ok?
Adicione o código abaixo na descrição da categoria:

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>


Salve!

Feito isto, vá em:

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

Título * : Coloque o que quiser.
Investimento : Deixe marcado no indice.
Código JavaScript * : Adicione o código abaixo:

Código:


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


E salve!

[jPeg.]

Pra eu fazer com os outros links, basta apenas trocar os o link antigo pelo novo ?

[Alex Habilidade]

Olá boa noite,

Você duplica está parte:

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>


Observe que tem os links basta alterar e cada link tem seus nomes.

[jPeg.]

Sim, esta parte eu entendi, olha, eu aderi estes códigos ao meu fórum, porém não ficou exatamente como eu tentei explicar sauhsauhsauhsa, faz o seguinte, vá no fórum em questão e veja a função que eu falei.

http://www.brasilplaycity.com.br/forum

basta você passa a seta do mouse em cima para ver, do jeito que você codificou, ele ficou com uma bolinha verde e ficou com fundo branco, mas mesmo assim te agradeço pela ajuda.

[Alex Habilidade]

Olá,

Sim está parte podemos arrumar, troque o código da descrição por este:

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>


Através da visualização de seu fórum eu diminui o quadro, deixei transparente, porém temos ainda que remover a linha que passa pelos links, no caso adicione este código abaixo em sua folha de CSS:

Código:


.alexH a {
text-decoration: none; 
}


[jPeg.]

Outra coisa que esqueci de citar, quando eu passo a seta do mouse em cima da sub-categoria ele desce, mas não sobe novamente...

[Alex Habilidade]

Olá,

Troque seu Javascript por este:

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

    });
});


[jPeg.]

Muito obrigado cara, você me ajudou muito, te devo uma ♥