Modificar nome dos links do menu de navegação

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

Tutorial Modificar nome dos links do menu de navegação

Mensagem por Luciano98 10.04.12 6:43


Modificar nome dos links do menu de navegação Configuration  

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


--> Tutoriais dicas, e astúcias <--
Modificar links do menu de navegação



- 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 ->>
Modificar nome dos links do menu de navegação Atuali10

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:
    Modificar nome dos links do menu de navegação Result10

    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




:copyright: Fórum dos Fóruns & Coleman


Modificar nome dos links do menu de navegação Act_bottom 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
Luciano98

Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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