Ocultar Links do Menu do Fórum

2 participantes

Ir para baixo

Tópico resolvido Ocultar Links do Menu do Fórum

Mensagem por Marvel Universe RPG 21.04.14 23:34

  • Descrição:
Olá, recentemente em meu fórum de testes, apliquei um código que vi em um tópico, tal dizia que ocultaria os links conforme o pedido, e assim ocorreu. Porém há um excesso de espaço entre o link do portal com o link de membros. Gostaria de corrigir este erro.

O código que eu usei foi este:

Código:
jQuery(document).ready(function(){
   jQuery('a.mainmenu:contains("Calendário")').hide()
   });

jQuery(document).ready(function(){
   jQuery('a.mainmenu:contains("FAQ")').hide()
   });

jQuery(document).ready(function(){
   jQuery('a.mainmenu:contains("Buscar")').hide()
   });

Gostaria que me passassem um código que ocultasse os links sem que fosse código java, mas sim css ou então algum código que diminua esse espaço.

Desde já agradeço.

  • Informações:
Fórum:http://jerrystasteforum.forumeiros.com/Versão:PHPBB3
Tipo:Erros diversosTags:Ocultar,Links,Fórum



Última edição por Marvel Universe RPG em 22.04.14 1:06, editado 1 vez(es)
Marvel Universe RPG
Marvel Universe RPG
**

Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

http://um-rpg.forumeiro.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar Links do Menu do Fórum

Mensagem por waghcwb 21.04.14 23:57

Olá,

Isso acontece porque você está escondendo os links do menu e não as li's que tem nele! E essas li's provavelmente tem um padding ou margin nelas..

Com CSS você pode usar o seletor nth-child(), da seguinte maneira:
Código:
ul > li:nth-child(2){
  display: none;
}

O número 2 significa que você quer esconder a segunda li do seu menu, para esconder mais de um, você utilizaria da seguinte maneira
Código:
ul > li:nth-child(2),ul > li:nth-child(5){
  display: none;
}

No caso você esconde o 2º elemento e o 5º também...

Entendeu? Deseja a solução em Javascript?

waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar Links do Menu do Fórum

Mensagem por Marvel Universe RPG 22.04.14 0:06

Sim, desejo, mas me explique por favor: o que seria esses li's?
Marvel Universe RPG
Marvel Universe RPG
**

Membro desde : 05/01/2014
Mensagens : 80
Pontos : 119

http://um-rpg.forumeiro.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar Links do Menu do Fórum

Mensagem por waghcwb 22.04.14 0:23

Desculpe, achei que você tinha alguma noção sobre HTML,

Bom, para serem criados menus no geral usamos as chamadas listas não ordenadas
Código:

<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

Então usamos CSS para estilizar esses elementos.

O nth-child seleciona os elemento de acordo com sua posição, por exemplo no exemplo dado acima se fossemos selecionar o segundo elemento usamos o nth-child(2), que vai pegar o segundo elemento da lista.

Seu menu, tem a mesma estrutura que eu citei, só mudando que tem links, assim:
Código:

<ul>
    <li><a href="#">Item 1</a></li>
    <li><a href="#">Item 2</a></li>
    <li><a href="#">Item 3</a></li>
    <li><a href="#">Item 4</a></li>
</ul>

O espaçamento estava sendo dado porque justamente seu código esconde apenas os links e não as LI's dele...

Sendo assim o Javascript usado seria algo assim:
Código:
$(function(){
    $('navlinks.ul > li:contains("Calendário")').hide();
    $('navlinks.ul > li:contains("FAQ")').hide();
    $('navlinks.ul > li:contains("Buscar")').hide();
});
waghcwb
waghcwb
Membro

Membro desde : 07/09/2012
Mensagens : 734
Pontos : 1097

http://punbb.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos