[TUTORIAL] Modificar nome dos links do menu de navegação

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

[TUTORIAL] Modificar nome dos links do menu de navegação

Mensagem por Luciano98 em 10/04/12, 02:43 am


 

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 de controle ->> 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




© Fórum dos Fóruns & Coleman


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
avatar

Luciano98
Ex-Admineiro
Ex-Admineiro

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11046

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

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum