Função de Categorias e Forums.

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

Resolvido Função de Categorias e Forums.

Mensagem por jPeg. em 18/04/14, 05:17 pm

  • 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ódigoTags:Função,Categorias,Forums.

avatar

jPeg.
Nível 5

Masculino
Inscrito dia : 19/02/2013
Mensagens : 48
Pontos Ativos : 92

Ver perfil do usuário http://extremelife-rpg.forumeiros.com

Resolvido Re: Função de Categorias e Forums.

Mensagem por Alex Habilidade em 18/04/14, 05:38 pm

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.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Função de Categorias e Forums.

Mensagem por jPeg. em 18/04/14, 05:39 pm

@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.

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.
avatar

jPeg.
Nível 5

Masculino
Inscrito dia : 19/02/2013
Mensagens : 48
Pontos Ativos : 92

Ver perfil do usuário http://extremelife-rpg.forumeiros.com
  • 0

Resolvido Re: Função de Categorias e Forums.

Mensagem por Alex Habilidade em 18/04/14, 05:42 pm

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?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Função de Categorias e Forums.

Mensagem por jPeg. em 18/04/14, 05:54 pm

avatar

jPeg.
Nível 5

Masculino
Inscrito dia : 19/02/2013
Mensagens : 48
Pontos Ativos : 92

Ver perfil do usuário http://extremelife-rpg.forumeiros.com
  • 0

Resolvido Re: Função de Categorias e Forums.

Mensagem por Alex Habilidade em 18/04/14, 07:35 pm

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://illiweb.com/fa/punbb/../Online.png" />
    <a href="http://bpn-roleplay.forumeiros.com/f1-restabelecimento">Restabelecimento</a></td>
    <td style="padding: 30px"><img src="http://illiweb.com/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!
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Função de Categorias e Forums.

Mensagem por jPeg. em 18/04/14, 08:25 pm

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

jPeg.
Nível 5

Masculino
Inscrito dia : 19/02/2013
Mensagens : 48
Pontos Ativos : 92

Ver perfil do usuário http://extremelife-rpg.forumeiros.com

Resolvido Re: Função de Categorias e Forums.

Mensagem por Alex Habilidade em 18/04/14, 08:37 pm

Olá boa noite,

Você duplica está parte:
Código:

<tr>
    <td style="padding: 30px"><img src="http://illiweb.com/fa/punbb/../Online.png" />
    <a href="http://bpn-roleplay.forumeiros.com/f1-restabelecimento">Restabelecimento</a></td>
    <td style="padding: 30px"><img src="http://illiweb.com/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.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Função de Categorias e Forums.

Mensagem por jPeg. em 18/04/14, 08:40 pm

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.
avatar

jPeg.
Nível 5

Masculino
Inscrito dia : 19/02/2013
Mensagens : 48
Pontos Ativos : 92

Ver perfil do usuário http://extremelife-rpg.forumeiros.com

Resolvido Re: Função de Categorias e Forums.

Mensagem por Alex Habilidade em 18/04/14, 08:50 pm

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; 
}
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Função de Categorias e Forums.

Mensagem por jPeg. em 18/04/14, 09:00 pm

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...
avatar

jPeg.
Nível 5

Masculino
Inscrito dia : 19/02/2013
Mensagens : 48
Pontos Ativos : 92

Ver perfil do usuário http://extremelife-rpg.forumeiros.com

Resolvido Re: Função de Categorias e Forums.

Mensagem por Alex Habilidade em 18/04/14, 09:22 pm

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

    });
});
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Função de Categorias e Forums.

Mensagem por jPeg. em 18/04/14, 10:15 pm

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

jPeg.
Nível 5

Masculino
Inscrito dia : 19/02/2013
Mensagens : 48
Pontos Ativos : 92

Ver perfil do usuário http://extremelife-rpg.forumeiros.com

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

- Tópicos similares

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