Ocultar Links do Menu do Fórum

[Marvel Universe RPG]

• 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 diversos	Tags:	Ocultar,Links,Fórum

---

[waghcwb]

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?

[Marvel Universe RPG]

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

[waghcwb]

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