Ocultar diversos botões do menu

2 participantes

Ir para baixo

Tópico resolvido Ocultar diversos botões do menu

Mensagem por VitorC. 20.07.15 21:13

Olá cara comunidade,

Eu gostaria de retirar o botão SAIR [NICKNAME] do menu de navegação e adicionar outro botão chamado SAIR. Fiz isso por JS, mas, obviamente, escondeu os dois.

Alguma solução?
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar diversos botões do menu

Mensagem por RafaelS. 20.07.15 21:17

Olá,

Crie um novo JavaScript com investimento em todas as páginas:

Código:
$(function() {
    var logout = $('a#logout.mainmenu);
    var logoutlink = logout.attr('href');
    $(logout).replaceWith('<a class="mainmenu" href="'+logoutlink+'" rel="nofollow">Sair</a>');
});

Atenciosamente.

Tópico movido de 'Questões sobre a aparência do fórum' para 'Questões sobre JavaScript & jQuery'
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar diversos botões do menu

Mensagem por VitorC. 20.07.15 21:21

Olá @Raffy,

Não funcionou.

#Edit

Aviso que já possuo um código que esconde o botão Buscar.
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar diversos botões do menu

Mensagem por RafaelS. 20.07.15 21:29

Olá,

Elimine o JavaScript, vamos fazer por CSS:
Código:
a#logout {display: none;}

Agora você pode adicionar o sair manualmente, como lhe expliquei quando ocultamos o "Buscar".

Atenciosamente.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar diversos botões do menu

Mensagem por VitorC. 20.07.15 21:41

Okay, funcionou. Agora o botão LOGIN. Como escondê-lo?
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar diversos botões do menu

Mensagem por RafaelS. 20.07.15 21:49

Olá,

Troque o código acima por este:

Código:
a#logout, a[href="/login"] {display: none;}

Atenciosamente.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar diversos botões do menu

Mensagem por VitorC. 20.07.15 22:06

Olá,

Antes de eu colocar o código, quero ressaltar que irei criar um botão chamado ENTRAR, com o mesmo link do LOGIN. O código a ser colocado ainda é o mesmo?
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar diversos botões do menu

Mensagem por RafaelS. 21.07.15 5:45

Olá!

Infelizmente o CSS ainda não permite nos especificar exatamente qual o botão que nos desejamos ocultar, daria por :nth-child mas caso mudasse a ordem o código iria ocultar outro botão, então vamos passar ao JavaScript novamente. Pode adicionar a um JavaScript já existente com investimento em todas as páginas.

Código:
$(function(){$('li:has(#i_icon_mini_login)').remove()});

Quanto ao CSS, deixe apenas este para o botão de Sair [USERNAME]:

Código:
    a#logout{display: none;}

Atenciosamente.

avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar diversos botões do menu

Mensagem por VitorC. 21.07.15 13:03

Olá @Raffy,

Se assim é o máximo possível a se fazer, obrigado.

Até mais.
VitorC.
VitorC.
Hiper Membro

Membro desde : 22/02/2012
Mensagens : 3794
Pontos : 4939

http://nolabels.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ocultar diversos botões do menu

Mensagem por RafaelS. 21.07.15 14:10

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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