Widget de tooltip de Aion2pedia
Enriquece la web de tu clan, wiki de la comunidad, vista web de bot de Discord o blog con tooltips flotantes adaptables y sin latencia para objetos, habilidades, conjuntos y efectos de estado de Aion 2.
Inicio rápido: fragmento HTML de 1 línea
Solo tienes que pegar esta etiqueta de script en el <head> de tu HTML o antes de la etiqueta de cierre </body>. Cualquier enlace a Aion2pedia mostrará automáticamente un completo tooltip flotante al pasar el cursor.
<script src="https://aion2pedia.com/tooltip.js" async></script>Demostración interactiva en vivo
Pasa el cursor o toca cualquier enlace o insignia a continuación para ver el widget de tooltip de Aion2pedia en acción:
Objetos
Pasa el cursor sobre armas, armaduras y consumibles:
Habilidades
Pasa el cursor sobre habilidades de clase, movimiento y estigmas:
Conjuntos de objetos
Pasa el cursor sobre conjuntos completos de armadura y bonificaciones de resonancia:
Efectos de estado
Pasa el cursor sobre efectos de control de masas y mejoras de jugador:
Atributos de datos personalizados
No anchor tag required. Simply add data-aion2-item, data-aion2-skill, or data-aion2-effect to any HTML element (buttons, pills, spans):
Probador interactivo de ID
Introduce cualquier ID de objeto, habilidad, conjunto o efecto de estado de Aion 2 para probar el activador de su tooltip:
Introduce cualquier ID de objeto, habilidad, conjunto o efecto de estado de Aion 2 para probar el activador de su tooltip:
Guías de integración de plataformas
Instrucciones paso a paso para sistemas de gestión de contenidos y plataformas de documentación habituales:
HTML puro / Sitios web estáticos
Incluye la etiqueta de script antes del cierre de </body> y enlaza a cualquier página de la base de datos:
<!-- 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 y MDX (Astro, Docusaurus, VitePress, Hugo)
En sitios de documentación creados con Astro, Docusaurus, VitePress, Next.js o Hugo, los enlaces markdown estándar se enriquecen automáticamente:
[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 juegos y clanes)
En wikis basadas en MediaWiki (Fandom, Miraheze o servidor personalizado), añade esta línea a tu 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 y portales de clanes
En WordPress, añade el script a través del plugin Header and Footer Scripts o directamente en el archivo functions de tu tema hijo:
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');Aspectos arquitectónicos clave
Cero dependencias
JavaScript puro (< 15 KB). No requiere jQuery, React ni paquetes CSS externos.
CDN perimetral instantánea
En caché en nodos perimetrales de Cloudflare en todo el mundo con almacenamiento en memoria del cliente.
Privacidad estricta
Cero rastreo, cero scripts de análisis y cero cookies de terceros almacenadas.
Posicionamiento inteligente en pantalla
Seguimiento fluido del cursor con volteo automático en los bordes para que los tooltips nunca se corten fuera de la pantalla.