League of Legends Tooltip Javascript d'Objets, Champions, Runes et Compétences

Une tooltip pour League of Legends à intégrer gratuitement et facilement sur votre site !


Vous possédez un site, un blog ou un forum ? Arcana Gaming vous propose d'y intégrer simplement (en une ligne de code) et gratuitement notre Tooltip League of Legends. Suivez le guide !

Étape 1 : Intégrez le code de la tooltip au site

Dans le code HTML de votre site, ajoutez à la fin de la balise head le code suivant
    <head>
    <!-- à la fin du contenu de la balise head -->
    <script src="http://www.arcana-gaming.com/Content/plugins/arcana-loltip/js" />
    </head>

Étape 2 : Commencez à utiliser la tooltip

L'affichage de la tooltip se fait suivant les liens vers la base de donnée d'objets et de Champions d'Arcana Gaming. Tous les liens pointant vers un objet ou un champion de la base de données d'Arcana Gaming affichera une tooltip au passage de la souris.

Exemples avec les objets

Affichage simple :
    <a href="http://lol.arcana-gaming.com/fr/Database/Item/3027/baton-seculaire">Bâton séculaire</a>
Bâton séculaire

Mise en forme automatique avec le nom et l'icône de l'objet :
    <!-- Ajoutez ?pretty à la fin de l'adresse du lien.
    Le texte du lien n'a pas d'importance, il sera corrigé automatiquement. -->
    <a href="http://lol.arcana-gaming.com/fr/Database/Item/3027/baton-seculaire?pretty">blah</a>
blah

Mise en forme automatique avec l'icône de l'objet uniquement :
    <!-- Ajoutez ?icon à la fin de l'adresse du lien.
    Le texte du lien n'a pas d'importance. -->
    <a href="http://lol.arcana-gaming.com/fr/Database/Item/3027/baton-seculaire?icon">blah</a>
blah

Exemples avec les champions

Affichage simple :
    <a href="http://lol.arcana-gaming.com/fr/Database/Champion/6998568862997331021/elise">Elise</a>
Elise

Mise en forme automatique avec le nom et le portrait du champion :
    <!-- Ajoutez ?pretty à la fin de l'adresse du lien.
    Le texte du lien n'a pas d'importance, il sera corrigé automatiquement. -->
    <a href="http://lol.arcana-gaming.com/fr/Database/Champion/6998568862997331021/elise?pretty">blah</a>
blah

Mise en forme automatique avec le portrait du champion uniquement :
    <!-- Ajoutez ?icon à la fin de l'adresse du lien.
    Le texte du lien n'a pas d'importance. -->
    <a href="http://lol.arcana-gaming.com/fr/Database/Champion/6998568862997331021/elise?icon">blah</a>
blah

Exemples avec les sorts

Affichage simple :
    <a href="http://lol.arcana-gaming.com/fr/Database/ChampionAbility/1539402364771830665/desintegration">Désintégration</a>
Désintégration

Mise en forme automatique avec le nom et l'icône du sort :
    <!-- Ajoutez ?pretty à la fin de l'adresse du lien.
    Le texte du lien n'a pas d'importance, il sera corrigé automatiquement. -->
    <a href="http://lol.arcana-gaming.com/fr/Database/ChampionAbility/1539402364771830665/desintegration?pretty">blah</a>
blah

Mise en forme automatique avec l'icône du sort uniquement :
    <!-- Ajoutez ?icon à la fin de l'adresse du lien.
    Le texte du lien n'a pas d'importance. -->
    <a href="http://lol.arcana-gaming.com/fr/Database/ChampionAbility/1539402364771830665/desintegration?icon">blah</a>
blah

Exemples avec les runes

Affichage simple :
    <a href="http://lol.arcana-gaming.com/fr/Database/Rune/5358/grande-quintessence-de-puissance-niv">Grande quintessence de puissance/niv</a>
Grande quintessence de puissance/niv

Mise en forme automatique avec le nom et l'icône de la rune :
    <!-- Ajoutez ?pretty à la fin de l'adresse du lien.
    Le texte du lien n'a pas d'importance, il sera corrigé automatiquement. -->
    <a href="http://lol.arcana-gaming.com/fr/Database/Rune/5358/grande-quintessence-de-puissance-niv?pretty">blah</a>
blah

Mise en forme automatique avec l'icône de la rune uniquement :
    <!-- Ajoutez ?icon à la fin de l'adresse du lien.
    Le texte du lien n'a pas d'importance. -->
    <a href="http://lol.arcana-gaming.com/fr/Database/Rune/5358/grande-quintessence-de-puissance-niv?icon">blah</a>
blah

Pour toute question ou demande de support, contactez nous à l'adresse .


commentaires propulsés par Disqus