Ce guide est une description de la démarche à suivre pour lier des objets, des compétences, des recettes et des npcs sur votre site web avec des infobulles intégrées. Qu'est ce qu'une infobulle ? Une infobulle affichera les faits sur un objet dans une petite boite qui apparaîtra dans votre navigateur. En cliquant sur le lien, les utilisateurs seront dirigés vers une page comportant des informations plus détaillées. Suivez simplement ce guide pour les obtenir sur votre site.
Publication des Infobulles
Il est très facile de publier des infobulles. Suivez les deux étapes suivantes et ce sera fait.
1. Mettez le code suivant dans la section HEAD du document HTML :
<script type="text/javascript" src="http://fr.aiondatabase.com/js/exsyndication.js"></script>
2. Votre site est maintenant prêt pour la publication d'infobulles ! Si vous voulez inclure une infobulle dans une nouvelle, dans un commentaire, ou dans un message de forum, tout ce dont vous avez besoin est de créer un lien aiondatabase vers l'objet. Voici quelques exemples :
<a href="http://fr.aiondatabase.com/item/100900189">Cruauté abominable</a>
<a href="http://fr.aiondatabase.com/recipe/155006350">Artisanat balique : Ouvrage du roi dragon sombre</a>
<a href="http://fr.aiondatabase.com/npc/204147">Arlion</a>
<a href="http://fr.aiondatabase.com/skill/572">Evasion concentrée I</a>
Personnaliser les liens des infobulles
Les liens peuvent être personnalisés en appliquant l'attribut "classe" à un tag ancre. Voici quelques options que nous offrons actuellement"
Auto label
Si vous aimeriez que vos liens vers les objets/recette/compétence/npc aient un nom et une couleur spéciale appliquée automatique pour vous, utilisez simplement l'attribut de classe : "aion-<type>-text".
Par example:
<a class="aion-item-text" href="http://fr.aiondatabase.com/item/100900189">Unknown Item</a> affichera
Unknown Item
Liens avec des icônes
Pour inclure une icône avec votre lien, ainsi que le label, utilisez un des trois attributs de classe suivantes :
"aion-<type>-full-small" pour une petite icône,
"aion-<type>-full-medium" pour une icône moyenne, ou
"aion-<type>-full-large" pour une grande icône.
Objets
L'attribut de classe aion-item-full-small affichera :
Unknown Item
L'attribut de classe aion-item-full-medium affichera :
Unknown Item
L'attribut de classe aion-item-full-large affichera :
Unknown Item
|
Skills
L'attribut de classe aion-skill-full-small affichera :
Unknown Skill
L'attribut de classe aion-skill-full-medium affichera :
Unknown Skill
L'attribut de classe aion-skill-full-large affichera :
Unknown Skill
|
Recipes
L'attribut de classe aion-recipe-full-small affichera :
Unknown Recipe
L'attribut de classe aion-recipe-full-medium affichera :
Unknown Recipe
L'attribut de classe aion-recipe-full-large affichera :
Unknown Recipe
|
NPCs
L'attribut de classe aion-npc-full-small affichera :
Unknown NPC
L'attribut de classe aion-npc-full-medium affichera :
Unknown NPC
L'attribut de classe aion-npc-full-large affichera :
Unknown NPC
|
Icônes Liens
Pour inclure une icône avec votre lien, utilisez un des trois attributs de classe suivantes :
"aion-<type>-icon-small" pour une petite icône,
"aion-<type>-icon-medium" pour une icône moyenne, ou
"aion-<type>-icon-large" pour une grande icône.
Objets
L'attribut de classe aion-item-icon-small affichera :
L'attribut de classe aion-item-icon-medium affichera :
L'attribut de classe aion-item-icon-large affichera :
|
Skills
L'attribut de classe aion-skill-icon-small affichera :
L'attribut de classe aion-skill-icon-medium affichera :
L'attribut de classe aion-skill-icon-large affichera :
|
Recipes
L'attribut de classe aion-recipe-icon-small affichera :
L'attribut de classe aion-recipe-icon-medium affichera :
L'attribut de classe aion-recipe-icon-large affichera :
|
NPCs
L'attribut de classe aion-npc-icon-small affichera :
L'attribut de classe aion-npc-icon-medium affichera :
L'attribut de classe aion-npc-icon-large affichera :
|