Menu apenas em font awesome

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

Resolvido Menu apenas em font awesome

Mensagem por PrettyGirl em 22/04/18, 10:53 am

Detalhes da questão


Endereço do fórum: http://inpanemwetrust.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Boa tarde!

Tenho duas questões relacionadas a serem resolvidas:

1ª: Como posso fazer com que o meu menu seja construído apenas com Font Awesome, sem os links estarem acompanhados das palavras: inicio, perfil, grupos e etc...?

2ª: Para este mesmo menu, consegui adicionar font Awesome com o código:

Código:
.mainmenu > img {
  display: none;
}
 
a.mainmenu::before {
  content: "\f015";
  font-family: FontAwesome;
  display: inline;
  font-color: #fff;
  margin-right: 5px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 25px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
a.mainmenu[href*="memberlist"]::before {
  content: "\f0c0";
}
 
a.mainmenu[href*="profile?mode=editprofile"]::before {
  content: "\f2c2";
}

a.mainmenu[href*="privmsg?folder=inbox"]::before {
  content: "\f0e0";
}

Gostaria de saber quais variáveis devo usar para adicionar diferentes ícones para login e logout e para mostrar um ícone em Font Awesome diferente quando houver novas mensagens.

OBS: Quando falo variáveis, me refiro ao link [href*="variável"].


Obrigada desde já!
avatar

PrettyGirl
Nível 5

Feminino
Inscrito dia : 06/02/2017
Mensagens : 44
Pontos Ativos : 68

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

Resolvido Re: Menu apenas em font awesome

Mensagem por Fraise em 22/04/18, 01:06 pm

Boa tarde!

Considerando a sua primeira questão, acede a Painel de Controle >> Visualização >> Página inicial >> Cabeçalho & Navegação e em "Exibir apenas as imagens no menu de navegação", selecione a opção Sim.

Quanto à sua outra questão, crie um novo tópico, tendo em vista que só é viável uma dúvida por tópico.

Atenciosamente,
Fraise.

Tópico movido de 'Questões sobre códigos' para 'Questões sobre o painel de administração'


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5360
Pontos Ativos : 7020

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Menu apenas em font awesome

Mensagem por virus em 22/04/18, 01:08 pm

Olá, as novas mensagens se refere a isto?
Código:
.new-message:before {
    color: red;
}
Isso vai deixar a cor em vermelho da nova mensagem..

Teste para ver o mesmo.

Ah, quando se refere a variáveis está especificando atributos que estão inclusos no html da página.

Se olhar bem o seguinte código:
Código:
[href^="/register"] /* Se registrar-se */
[href^="/login"]   /* Login ou conectar */
[href^="/login?logout="]   /* Sair da conta */


De uma forma simples são links que estão no menu do seu fórum, se clicar no lado direito e copiar link vai conseguir completar o código referente ao menu.

Ex:
http://inpanemwetrust.forumeiros.com/login

/login

Ajudeiro, 
Virus.


Última edição por virus em 22/04/18, 01:21 pm, editado 3 vez(es) (Razão : edit variaveis.)
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Menu apenas em font awesome

Mensagem por PrettyGirl em 22/04/18, 01:48 pm

Muito obrigada Fraise, funcionou!

Oi Virus, a cor do icone da nova mensagem não mudou com o código que você me passou.
Também não funcionaram os links para login e logout, ficou aparecendo apenas um quadro branco no lugar do ícone.

https://prnt.sc/j8mq17
avatar

PrettyGirl
Nível 5

Feminino
Inscrito dia : 06/02/2017
Mensagens : 44
Pontos Ativos : 68

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

Resolvido Re: Menu apenas em font awesome

Mensagem por virus em 22/04/18, 01:56 pm

Pode ser a versão do fontawesome.
A atual que está implementada em seu fórum e a 4.7.0

Se me engano você pegou essa: https://fontawesome.com/icons/sign-in-alt?style=solid

Que é font awesome 5.0

Veja para 4.7.0:
https://fontawesome.com/v4.7.0/icons/

Pode atualizar para o 5.0, mas ai teria que trocar o link :X

Até mais.
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Menu apenas em font awesome

Mensagem por PrettyGirl em 22/04/18, 02:07 pm

Perfeito, muito obrigada mesmo! Agora só falta mudar a cor do ícone quando tiver uma nova mensagem.

Você pode me ajudar com isso também?
avatar

PrettyGirl
Nível 5

Feminino
Inscrito dia : 06/02/2017
Mensagens : 44
Pontos Ativos : 68

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

Resolvido Re: Menu apenas em font awesome

Mensagem por virus em 22/04/18, 02:21 pm

@PrettyGirl escreveu:Perfeito, muito obrigada mesmo! Agora só falta mudar a cor do ícone quando tiver uma nova mensagem.

Você pode me ajudar com isso também?

Retire o seu fórum de manutenção para que eu possa verificar uma coisa
Sorry :9 Disponibilize uma conta não consigo criar uma conta em seu fórum.



Última edição por virus em 24/04/18, 03:03 pm, editado 1 vez(es)
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Menu apenas em font awesome

Mensagem por PrettyGirl em 22/04/18, 02:30 pm

Acabei de autorizar a inscrição de novos membros.
avatar

PrettyGirl
Nível 5

Feminino
Inscrito dia : 06/02/2017
Mensagens : 44
Pontos Ativos : 68

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

Resolvido Re: Menu apenas em font awesome

Mensagem por virus em 22/04/18, 02:34 pm

\o/ Siga esses passos para liberar a inscrição:
Painel de Controle Seta Usuários & Grupos Seta Usuários Seta Opções dos usuários
Autorizar as novas inscrições : Sim

Quando liberar me avisa  Feliz
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Menu apenas em font awesome

Mensagem por PrettyGirl em 22/04/18, 02:37 pm

já está autorizado!
avatar

PrettyGirl
Nível 5

Feminino
Inscrito dia : 06/02/2017
Mensagens : 44
Pontos Ativos : 68

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

Resolvido Re: Menu apenas em font awesome

Mensagem por virus em 22/04/18, 03:01 pm

@PrettyGirl o seu fórum ainda não consigo me registrar poderia criar uma conta teste para mim?

Agradeço se criar. E ainda está bloqueado a inscrição provável que não tenha salvado ;o ou tenha outra opção atrapalhando.
Painel de Controle Seta Geral Seta Fórum Seta Configuração
Fórum de férias : Não.
E Salve.

Ajudeiro,
Virus.


Última edição por virus em 24/04/18, 03:02 pm, editado 1 vez(es)
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Menu apenas em font awesome

Mensagem por PrettyGirl em 22/04/18, 03:19 pm

Enviei a conta por MP!
avatar

PrettyGirl
Nível 5

Feminino
Inscrito dia : 06/02/2017
Mensagens : 44
Pontos Ativos : 68

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

Resolvido Re: Menu apenas em font awesome

Mensagem por virus em 22/04/18, 04:45 pm

Feliz Não consegui fazer via CSS acredito que seja por causa de algumas limitações por não ser uma imagem por exemplo.

Vai em:
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos códigos JavaScript
Criar um novo Javascript
Titulo: Qualquer
Investimento: Em todas  as páginas.

E adicione o seguinte código:
Código:
(function($){
    var newmessager = $('.'+'new-message');
    newmessager
        .closest('a.mainmenu[href="/privmsg?folder=inbox"]')
        .css("color", "red");
})(jQuery);


 
Até e edite a parte red  por uma cor em hexadecimal ex: #123456 e deixe entre as aspas assim como o red está.
Color Picker


Ajudeiro,
Virus.


Última edição por virus em 22/04/18, 11:29 pm, editado 2 vez(es) (Razão : edit')
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

Resolvido Re: Menu apenas em font awesome

Mensagem por PrettyGirl em 22/04/18, 05:35 pm

Não funcionou Triste
avatar

PrettyGirl
Nível 5

Feminino
Inscrito dia : 06/02/2017
Mensagens : 44
Pontos Ativos : 68

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

Resolvido Re: Menu apenas em font awesome

Mensagem por MateusAnjosV em 22/04/18, 06:04 pm

Hi, troca o código do Virus por esse:
Código:
$(function(){
 $('.new-message').parents('a.mainmenu').css('color', 'red');
});

E se não funcionar, faz o que eu te pedi por mp - conta - please.
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1615
Pontos Ativos : 2205

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

Resolvido Re: Menu apenas em font awesome

Mensagem por PrettyGirl em 22/04/18, 10:22 pm

Funcionou, muito obrigada! Muito feliz
avatar

PrettyGirl
Nível 5

Feminino
Inscrito dia : 06/02/2017
Mensagens : 44
Pontos Ativos : 68

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

Resolvido Re: Menu apenas em font awesome

Mensagem por Fraise em 22/04/18, 10:31 pm

Tópico resolvido


Movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Fraise — Moderadeiro
avatar

Fraise
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5360
Pontos Ativos : 7020

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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