Modificar nome dos links do menu de navegação

Com a criação de várias sugestões, os administradores de fóruns não gostam do modo que os links de navegação estão expostos em seus fóruns. Um código que vamos adicionar na folha de estilo .JS vai ajudar-lhe a mudar isso.





1º - Gestão das páginas .JS:
Para que o efeito cumpra o desejado, devemos aplicar o código em uma página .JS.

Painel administrativo ->> Módulos ->> HTML & Javascript ->> Gestão dos códigos javascript ->> Criar um novo javascript ->>

Em Investimento vamos marcar a opção "Em todas as páginas" e adicionar o seguinte código:

jQuery(document).ready(function(){
jQuery('a[href="/ENDEREÇO_A_SER_SUBSTITUIDO"]').html('NOME_DO_LINK');});

Verde: Endereço ao qual será substituído o nome do link. Por exemplo, no menu de navegação vamos alterar o nome do link "Membros", então vamos copiar o endereço do link e apenas colocar no lugar do "ENDEREÇO_A_SER_SUBSTITUIDO" por memberlist.
Azul: Finalmente, o "NOME_DO_LINK" será personalizado segundo o nome que desejar. Quando alterar, basta precionar o botão "confirmar".

• Como personalizar os demais links?
  Basta apenas repetir o código várias vezes, mas lembre-se que deve ser antes da tag de fechamento do jquery, que ao caso seria });.
  Exemplo feito:
  

  jQuery(document).ready(function(){
  jQuery('a[href^="/etc"]').html('etc');
  jQuery('a[href^="/etc"]').html('etc');
  jQuery('a[href^="/etc"]').html('etc');
  jQuery('a[href^="/etc"]').html('etc');
  });

  
  
• Posso alterar o link "Início" e os demais?
  Não aconselhamos que faça isso. O logo de seu fórum está ligado inteiramente com o link "ínicío", se fizer alterações nele o logo pode não parecer. Já em relação a alterar os demais links, é possível. Você apenas precisará indicar ao código qual é a página que o nome do link será modificado. Por exemplo, queremos então modificar o link "Fale conosco" que localiza-se no footer de nossos fóruns, basta então no lugar do "ENDEREÇO_A_SER_SUBSTITUIDO" colocar o nome "/contact".
  
  
  
• Resultado:
  
  
  
  Uso do CSS:
  Além do recurso em JS, você poderá usar o CSS para personalizar o link. Usando o CSS, o recurso será imediato.
  

  Código:

  #page-header > div.navbar > div > ul > li:nth-child(1) > a[href="/search"]:before {
    content: "Pesquisar";
}

  Substitua o valor /search para o nome da página. Exemplo:

  /forum

---

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Modificar links do menu de navegação