Ocultar Links do Menu do Fórum

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

Resolvido Ocultar Links do Menu do Fórum

Mensagem por Marvel Universe RPG em 21/04/14, 07:34 pm

  • 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 21/04/14, 09:06 pm, editado 1 vez(es)
avatar

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Resolvido Re: Ocultar Links do Menu do Fórum

Mensagem por waghcwb em 21/04/14, 07:57 pm

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?

avatar

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.forumeiros.com

Resolvido Re: Ocultar Links do Menu do Fórum

Mensagem por Marvel Universe RPG em 21/04/14, 08:06 pm

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

Marvel Universe RPG
Nível 7

Masculino
Inscrito dia : 05/01/2014
Mensagens : 80
Pontos Ativos : 119

Ver perfil do usuário http://um-rpg.forumeiro.com/forum

Resolvido Re: Ocultar Links do Menu do Fórum

Mensagem por waghcwb em 21/04/14, 08:23 pm

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

waghcwb
Usuário destaque

Masculino
Inscrito dia : 06/09/2012
Mensagens : 734
Pontos Ativos : 1097

Ver perfil do usuário http://punbb.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