Menu em fontAwesome, nova mp não notifica
4 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Menu em fontAwesome, nova mp não notifica
Detalhes da questão
Endereço do fórum: https://kingdomshadow.forumeiros.com/
Versão do fórum: phpBB3
Descrição
Olá, eu mais uma vez rs, uso um código para mudar os ícones do menu do fórum para fontawesome, porém quando chega nova mensagem ele não notifica ou altera, por gentileza quem souber de jscript e puder me ajudar ficarei muito grato.
- Código:
$(document).ready(function() {
$('a.mainmenu[href^="/privmsg?folder=inbox"]:contains("Nova mensagem")').css('backgroundColor', '#f16352');
$('a.mainmenu[href^="/privmsg?folder=inbox"]:contains("Novas mensagens")').css('backgroundColor', '#f16352');
$('a.mainmenu[href^="/"]').html('<i class="fas fa-home" title="Página inicial"></i>');
$('a.mainmenu[href^="/privmsg?folder=inbox"]').html('<i class="fas fa-envelope"></i>');
$('a.mainmenu[href^="/groups"]').html('<i class="fas fa-layer-group" title="Grupos do Fórum"></i>');
$('a.mainmenu[href^="/faq"]').html('<i class="fas fa-list-ol" title="FAQ"></i>');
$('a.mainmenu[href^="/search"]').html('<i class="fas fa-search" title="Procurar tópico"></i>');
$('a.mainmenu[href^="/login?logout=1"]').html('<i class="fas fa-door-open" title="Sair da conta"></i>');
$('a.mainmenu[href^="/memberlist"]').html('<i class="fas fa-users" title="Lista de Usuários"></i>');
$('a.mainmenu[href^="/profile?mode=editprofile"]').html('<i class="fas fa-user-cog" title="Edição de perfil"></i>');
$('a.mainmenu[href^="/login"]').html('<i class="fas fa-sign-in-alt" title="Login"></i>');
$('a.mainmenu[href^="/register"]').html('<i class="fas fa-user-plus" title="Registrar-se"></i>').css('color', '#f16352');;
$('a.mainmenu[href^="/publi"]').html('<i class="far fa-newspaper"></i>').css('color', '#f16352');;
});
Re: Menu em fontAwesome, nova mp não notifica
Olá @Mirotic,
Pode tentar usar isto no seu Overall_header (Template em Geral):
Atenciosamente,
pedxz.
Pode tentar usar isto no seu Overall_header (Template em Geral):
- Código:
<!-- BEGIN switch_enable_pm_popup -->
<script>
$(document).ready(function () {
$('a.mainmenu[href^="/privmsg?folder=inbox"]:contains("Nova mensagem")').css('backgroundColor', '#f16352');
$('a.mainmenu[href^="/privmsg?folder=inbox"]:contains("Novas mensagens")').css('backgroundColor', '#f16352');
});
</script>
<!-- END switch_enable_pm_popup -->
Atenciosamente,
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209
Re: Menu em fontAwesome, nova mp não notifica
Então é difícil arranjar uma outra solução para a sua questão, desculpe
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7957
Pontos : 9209
Re: Menu em fontAwesome, nova mp não notifica
Olá, pessoal, tudo bem? Boa tarde.
O javascript utilizado - jQuery, na verdade - está sobrescrevendo a estrutura Forumactif e consequentemente, anulando comportamentos que são padrões..
Resumidamente, precisa fazer uma verificação antes de trocar e tornar-se-á condicional.
Ex.: verificação:
Atual:
Solução:
Resultado final "sem nova mp":
https://prnt.sc/192ws0n
Com nova mp:
https://prnt.sc/192y57r
O javascript utilizado - jQuery, na verdade - está sobrescrevendo a estrutura Forumactif e consequentemente, anulando comportamentos que são padrões..
Resumidamente, precisa fazer uma verificação antes de trocar e tornar-se-á condicional.
Ex.: verificação:
- Código:
$('a.mainmenu[href^="/privmsg?folder=inbox"] img[id="i_icon_mini_new_message"]').length
Atual:
- Código:
$(document).ready(function() {
$('a.mainmenu[href^="/privmsg?folder=inbox"]').html('<i class="fas fa-envelope"></i>');
});
Solução:
- Código:
$(document).ready(function() {
if($('a.mainmenu[href^="/privmsg?folder=inbox"] img[id="i_icon_mini_new_message"]').length) {
$('a.mainmenu[href^="/privmsg?folder=inbox"]').html('NOVA MP <i class="fas fa-envelope"></i>');
} else {
$('a.mainmenu[href^="/privmsg?folder=inbox"]').html('ANTIGA <i class="fas fa-envelope"></i>');
}
$('a.mainmenu[href^="/groups"]').html('<i class="fas fa-layer-group" title="Grupos do Fórum"></i>');
$('a.mainmenu[href^="/faq"]').html('<i class="fas fa-list-ol" title="FAQ"></i>');
$('a.mainmenu[href^="/search"]').html('<i class="fas fa-search" title="Procurar tópico"></i>');
$('a.mainmenu[href^="/login?logout=1"]').html('<i class="fas fa-door-open" title="Sair da conta"></i>');
$('a.mainmenu[href^="/memberlist"]').html('<i class="fas fa-users" title="Lista de Usuários"></i>');
$('a.mainmenu[href^="/profile?mode=editprofile"]').html('<i class="fas fa-user-cog" title="Edição de perfil"></i>');
$('a.mainmenu[href^="/login"]').html('<i class="fas fa-sign-in-alt" title="Login"></i>');
$('a.mainmenu[href^="/register"]').html('<i class="fas fa-user-plus" title="Registrar-se"></i>').css('color', '#f16352');;
$('a.mainmenu[href^="/publi"]').html('<i class="far fa-newspaper"></i>').css('color', '#f16352'); $('a.mainmenu[href^="/privmsg?folder=inbox"]:contains("Nova mensagem")').css('backgroundColor', '#f16352');
$('a.mainmenu[href^="/privmsg?folder=inbox"]:contains("Novas mensagens")').css('backgroundColor', '#f16352');
$('a.mainmenu[href="/"]').html('<i class="fas fa-home" title="Página inicial"></i>');
});
Resultado final "sem nova mp":
https://prnt.sc/192ws0n
Com nova mp:
https://prnt.sc/192y57r
Re: Menu em fontAwesome, nova mp não notifica
Tópico resolvidoTópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão. |
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos