[Plugin] Ícones para Categorias de Tópicos pelo Título
Página 1 de 1 • Compartilhe
[Plugin] Ícones para Categorias de Tópicos pelo Título
Olá á todos! Compartilho um Plugin para alterar o Ícone da Categoria do seu fórum conforme o Título dele. Fácil configuração e manutenção e alterações ao seu gosto. Nele optei por remover o Material Icons para renderizar FontAwesome (instale-o), remova o trecho caso queira continuar usando ele. O Título da categoria deve ser EXATAMENTE IGUAL (incluindo espaços e acentos). Fique á vontade para sugerir melhores critérios alternativos ou relatar problemas.
Instalação:
Painel administrativo Módulos HTML e Javascript Gestão dos códigos Javascript Criar um novo Javascript
O "Investimento" selecione "No Índice" e "Nos Tópicos".
Código:
CSS (estilo):
Será aplicado o estilo que está em "forum-icon" em sua folha de estilo ou padrão do fórum.
Screenshots:
Observações:
Resolvi manter a configuração intácta para melhor localização e entendimento do usuário sobre a configuração.
Este foi testado em AwesomeBB e não tenho a mínima ideia se funcionaria ou se há possibilidade em versões menores.
Até mais!
Instalação:
Painel administrativo Módulos HTML e Javascript Gestão dos códigos Javascript Criar um novo Javascript
O "Investimento" selecione "No Índice" e "Nos Tópicos".
Código:
- Código:
/*
* Coded Flash157
* Discord: hax0r
*
* Este JQuery alterá o ícone de alguma categoria com base em seu nome (título),
* e adiciona atributos específicos para este tópico/categoria caso necessário.
*
*/
(function($) {
'use strict';
function alterarIconePorTitulo(titulo, novoIcone) {
var forumSections = $('.forum-section');
forumSections.each(function() {
var h3Text = $(this).find('.forum-description h3 a').text().trim();
if (h3Text === titulo) {
var iconElement = $(this).find('.forum-icon i.material-icons');
// removemos o material (trash) para usarmos fontawesome
iconElement.removeClass('material-icons').addClass('fad ' + novoIcone);
iconElement.addClass('animate__animated animate__bounceIn');
}
});
}
$(document).ready(function() {
// Aqui você pode especificar os títulos e ícones correspondentes
// Chame o m[etodo alterarIconePorTitulo
// Setor Administrativo
alterarIconePorTitulo("Requerimentos", "fa-file-signature");
alterarIconePorTitulo("Listagens", "fa-clipboard");
// Acervo Documental e Diário Oficial
alterarIconePorTitulo("Acervo de artigos suplementares", "fa-book");
alterarIconePorTitulo("Diário Oficial", "fa-globe");
// Divisões
alterarIconePorTitulo("Engenharia Técnica", "fa-code");
alterarIconePorTitulo("Corpo de Inteligência e Comando Estratégico", "fa-user-secret");
alterarIconePorTitulo("Escola de Formação de Oficiais", "fa-globe-stand");
alterarIconePorTitulo("Escola de Comando", "fa-puzzle-piece");
alterarIconePorTitulo("Liderança", "fa-crown");
alterarIconePorTitulo("Coordenação", "fa-people-arrows");
alterarIconePorTitulo("Destaques", "fa-medal");
alterarIconePorTitulo("Relatórios", "fa-pencil");
alterarIconePorTitulo("Scripts", "fa-file-pdf");
alterarIconePorTitulo("CFOG", "fa-file-pdf");
alterarIconePorTitulo("CFMaj", "fa-file-pdf");
alterarIconePorTitulo("Titulares de Direitos", "fa-badge-check");
alterarIconePorTitulo("Direitos operacionais", "fa-circle");
alterarIconePorTitulo("Direitos administrativos", "fa-play");
alterarIconePorTitulo("Escola de Formação Executiva", "fa-puzzle-piece");
// Corporativo
alterarIconePorTitulo("Alto Escalão", "fa-circle");
alterarIconePorTitulo("Chefia do Alto Escalão", "fa-circle");
alterarIconePorTitulo("Oficiais-Generais", "fa-user-shield");
alterarIconePorTitulo("Oficiais", "fa-restroom");
alterarIconePorTitulo("Cadastre-se no DRH Fórum", "fa-badge-check");
// Outros
alterarIconePorTitulo("Chefia-de-Governo", "fa-shield");
alterarIconePorTitulo("Área Oculta - Gestão", "fa-eye-slash");
alterarIconePorTitulo("Núcleo Educacional", "fa-user-graduate");
alterarIconePorTitulo("Apostilas", "fa-scroll");
alterarIconePorTitulo("Comissão de Integridade Jurídica", "fa-gavel");
alterarIconePorTitulo("Procurador-Geral de Justiça", "fa-head-side-brain");
alterarIconePorTitulo("Gestão de Casos", "fa-house-signal");
alterarIconePorTitulo("Comunicações Internas", "fa-head-side-cough");
alterarIconePorTitulo("Relatórios e Estatísticas", "fa-keyboard");
alterarIconePorTitulo("Inquéritos", "fa-user-xmark");
alterarIconePorTitulo("Processos e Denúncias", "fa-gavel");
alterarIconePorTitulo("Esquadrão de Lotação", "fa-users");
alterarIconePorTitulo("Marketing", "fa-rocket-launch");
alterarIconePorTitulo("Supervisores", "fa-thumbtack");
alterarIconePorTitulo("Professores", "fa-thumbtack");
alterarIconePorTitulo("Cursos intermediários", "fa-thumbtack");
alterarIconePorTitulo("DRH Vagas", "fa-paper-plane");
alterarIconePorTitulo("DRH News", "fa-dove");
alterarIconePorTitulo("Anúncios globais", "fa-thumbtack");
alterarIconePorTitulo("Lista semanal", "fa-transporter-3");
// Estatuto e Código Penal
alterarIconePorTitulo("Estatuto de Conduta Institucional", "fa-book-medical");
alterarIconePorTitulo("Código de Ética Militar", "fa-gavel");
alterarIconePorTitulo("Plano de Ação Rápida", "fa-radiation");
// EFO
alterarIconePorTitulo("Módulo I", "fa-scroll");
alterarIconePorTitulo("Módulo II", "fa-scroll");
alterarIconePorTitulo("Módulo III", "fa-scroll");
// RH
alterarIconePorTitulo("Recursos Humanos", "rectangle-history-circle-user");
alterarIconePorTitulo("Atividades", "fa-scroll");
alterarIconePorTitulo("Solicitações", "fa-scroll");
});
})(jQuery);
CSS (estilo):
Será aplicado o estilo que está em "forum-icon" em sua folha de estilo ou padrão do fórum.
Screenshots:
Observações:
Resolvi manter a configuração intácta para melhor localização e entendimento do usuário sobre a configuração.
Este foi testado em AwesomeBB e não tenho a mínima ideia se funcionaria ou se há possibilidade em versões menores.
Até mais!
Tópicos semelhantes
» Como faço para que categorias tenham ícones de mensagens diferentes de outras categorias
» Deixa 3d título de tópicos, widgets,categorias e ranks
» Não consigo mudar a imagem de título de categorias e tópicos
» [Ícones] ícones para tópicos, subfóruns, etc.
» Duvida sobre background dos ícones (Categorias, fóruns e tópicos)
» Deixa 3d título de tópicos, widgets,categorias e ranks
» Não consigo mudar a imagem de título de categorias e tópicos
» [Ícones] ícones para tópicos, subfóruns, etc.
» Duvida sobre background dos ícones (Categorias, fóruns e tópicos)
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos