Widget de Tooltip da Aion2pedia
Enriqueça o site da sua guilda, wiki da comunidade, webview de bot do Discord ou blog com tooltips flutuantes responsivos e sem latência para itens, habilidades, conjuntos e efeitos de status de Aion 2.
Início Rápido: Trecho HTML de 1 Linha
Basta colar esta única tag de script no seu HTML dentro do <head> ou antes do fechamento da tag </body>. Qualquer link para a Aion2pedia exibirá automaticamente uma rica dica flutuante ao passar o cursor.
<script src="https://aion2pedia.com/tooltip.js" async></script>Demonstração Interativa ao Vivo
Passe o cursor ou toque em qualquer link ou emblema abaixo para ver o widget de tooltip da Aion2pedia em ação:
Itens
Passe o cursor sobre armas, armaduras e consumíveis:
Habilidade
Passe o cursor sobre habilidades de classe, movimento e estigma:
Conjuntos de Itens
Passe o cursor sobre conjuntos completos de armadura e bônus de ressonância:
Alteração de Estado
Passe o cursor sobre penalidades de controle de grupo e bônus de jogador:
Atributos de Dados Personalizados
No anchor tag required. Simply add data-aion2-item, data-aion2-skill, or data-aion2-effect to any HTML element (buttons, pills, spans):
Testador Interativo de ID
Digite qualquer ID de item, habilidade, conjunto ou efeito de status do Aion 2 para testar o acionamento do tooltip:
Digite qualquer ID de item, habilidade, conjunto ou efeito de status do Aion 2 para testar o acionamento do tooltip:
Guias de Integração por Plataforma
Instruções passo a passo para os sistemas de gerenciamento de conteúdo e plataformas de documentação mais populares:
HTML Puro / Sites Estáticos
Inclua a tag de script antes do fechamento de </body> e crie links para qualquer página do banco de dados:
<!-- Include script -->
<script src="https://aion2pedia.com/tooltip.js" async></script>
<!-- Standard anchor link -->
<a href="https://aion2pedia.com/db/item/110130013/">Artisan's Greatsword</a>
<!-- Or data attribute on any element -->
<span data-aion2-skill="1001">Glide Skill</span>Markdown e MDX (Astro, Docusaurus, VitePress, Hugo)
Em sites de documentação criados com Astro, Docusaurus, VitePress, Next.js ou Hugo, links padrão em markdown são enriquecidos automaticamente:
[Artisan's Splendent Greatsword](https://aion2pedia.com/db/item/110130013/)
[Glide Ability](https://aion2pedia.com/db/skill/1001/)
[Stun Debuff Effect](https://aion2pedia.com/db/status-effect/100/)MediaWiki (Wikis de Jogos e Guildas)
Em wikis com MediaWiki (Fandom, Miraheze ou servidor próprio), adicione esta linha à sua página MediaWiki:Common.js:
// Add to MediaWiki:Common.js
mw.loader.load('https://aion2pedia.com/tooltip.js');
// Then in your Wiki articles:
[https://aion2pedia.com/db/item/110130013/ Artisan's Greatsword]WordPress e Portais de Guildas
No WordPress, adicione o script pelo plugin Header and Footer Scripts ou diretamente no arquivo functions do seu tema filho:
function aion2pedia_enqueue_tooltips() {
wp_enqueue_script(
'aion2pedia-tooltips',
'https://aion2pedia.com/tooltip.js',
array(),
'1.0.0',
true
);
}
add_action('wp_enqueue_scripts', 'aion2pedia_enqueue_tooltips');Destaques Principais da Arquitetura
Zero Dependências
JavaScript totalmente puro (< 15 KB). Não requer jQuery, React ou folhas de estilo CSS externas.
CDN Instantânea na Borda
Armazenado em cache nos pontos de presença da Cloudflare no mundo todo, com cache de memória no navegador.
Privacidade Rigorosa
Zero rastreamento, zero scripts analíticos e nenhum cookie de terceiros armazenado.
Posicionamento Inteligente na Tela
Rastreamento suave do cursor com inversão automática de borda para que os tooltips nunca sejam cortados fora da tela.