Função de Categorias e Forums.

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

Atendido / Resolvido Função de Categorias e Forums.

Mensagem por jPeg. em 18.04.14 21:17

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

Função de Categorias e Forums. ZXtrEha

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.

jPeg.

jPeg.
Nível 5

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

http://extremelife-rpg.forumeiros.com

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

Mensagem por Alex Habilidade em 18.04.14 21:38

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 Habilidade

Alex Habilidade
Usuário experiente

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

http://www.gzhabilidade.com/

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

Mensagem por jPeg. em 18.04.14 21:39

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

jPeg.
Nível 5

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

http://extremelife-rpg.forumeiros.com
  • 0

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

Mensagem por Alex Habilidade em 18.04.14 21:42

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?
Alex Habilidade

Alex Habilidade
Usuário experiente

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

http://www.gzhabilidade.com/

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

Mensagem por jPeg. em 18.04.14 21:54

jPeg.

jPeg.
Nível 5

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

http://extremelife-rpg.forumeiros.com
  • 0

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

Mensagem por Alex Habilidade em 18.04.14 23:35

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!
Alex Habilidade

Alex Habilidade
Usuário experiente

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

http://www.gzhabilidade.com/

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

Mensagem por jPeg. em 19.04.14 0:25

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

jPeg.
Nível 5

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

http://extremelife-rpg.forumeiros.com

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

Mensagem por Alex Habilidade em 19.04.14 0:37

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.
Alex Habilidade

Alex Habilidade
Usuário experiente

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

http://www.gzhabilidade.com/

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

Mensagem por jPeg. em 19.04.14 0:40

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

jPeg.
Nível 5

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

http://extremelife-rpg.forumeiros.com

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

Mensagem por Alex Habilidade em 19.04.14 0:50

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; 
}
Alex Habilidade

Alex Habilidade
Usuário experiente

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

http://www.gzhabilidade.com/

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

Mensagem por jPeg. em 19.04.14 1:00

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

jPeg.
Nível 5

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

http://extremelife-rpg.forumeiros.com

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

Mensagem por Alex Habilidade em 19.04.14 1:22

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

    });
});
Alex Habilidade

Alex Habilidade
Usuário experiente

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

http://www.gzhabilidade.com/

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

Mensagem por jPeg. em 19.04.14 2:15

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

jPeg.
Nível 5

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

http://extremelife-rpg.forumeiros.com

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


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