League of Legends Items, Champions, Runes and Abilities Javascript Tooltip

An easy to install League of Legends tooltip for your website !


You have a website, blog or a forum ? Arcana Gaming offers you to easily integrate (one line of code) for free our League of Legends tooltip. Follow the guide !

Step 1 : Add the code to your site

In the HTML code of your site, add the following code at the end of the head element
    <head>
    <!-- At the end of the head element -->
    <script src="http://www.arcana-gaming.com/Content/plugins/arcana-loltip/js" />
    </head>

Step 2 : Start using the tooltip

The tooltip shows up on links to the items, runes, champions and spells database (spells accessible through champions). All links referring to objects, champions or champion abilities will show the corresponding tooltip next to the mouse cursor.

Examples with objects

Basic :
    <a href="http://lol.arcana-gaming.com/en/Database/Item/3027">Rod of Ages</a>
Rod of Ages

Automatic formatting with icon and name of the item :
    <!-- Just add ?pretty at the end of the link address.
    Link text doesn't matter in this case, it will be automatically added. -->
    <a href="http://lol.arcana-gaming.com/en/Database/Item/3027?pretty">blah</a>
blah

Automatic formatting with icon only :
    <!-- Just add ?icon at the end of the link address.
    Link text doesn't matter. -->
    <a href="http://lol.arcana-gaming.com/en/Database/Item/3027?icon">blah</a>
blah

Examples with champions

Basic :
    <a href="http://lol.arcana-gaming.com/LoL/Database/Champion/60/elise">Elise</a>
Elise

Automatic formatting with icon and name of the champion :
    <!-- Just add ?pretty at the end of the link address.
    Link text doesn't matter. -->
    <a href="http://lol.arcana-gaming.com/en/Database/Champion/6998568862997331021/elise?pretty">blah</a>
blah

Automatic formatting with champion portrait only :
    <!-- Add ?icon at the end of the link address.
    Link text doesn't matter. -->
    <a href="http://lol.arcana-gaming.com/en/Database/Champion/6998568862997331021/elise?icon">blah</a>
blah

Examples with spells

Basic :
    <a href="http://lol.arcana-gaming.com/en/Database/ChampionAbility/32">Disintegrate</a>
Disintegrate

Automatic formatting with icon and spell name :
    <!-- Add ?pretty at the end of the link address.
    Link text doesn't matter. -->
    <a href="http://lol.arcana-gaming.com/en/Database/ChampionAbility/1539402364771830665?pretty">blah</a>
blah

Automatic formatting with icon only :
    <!-- Add ?icon at the end of the link address.
    Link text doesn't matter. -->
    <a href="http://lol.arcana-gaming.com/LoL/Database/ChampionAbility/1539402364771830665?icon">blah</a>
blah

Examples with runes

Basic :
    <a href="http://lol.arcana-gaming.com/en/Database/Rune/5358">Greater Quintessence of Scaling Ability Power</a>
Greater Quintessence of Scaling Ability Power

Automatic formatting with icon and rune name :
    <!-- Add ?pretty at the end of the link address.
    Link text doesn't matter. -->
    <a href="http://lol.arcana-gaming.com/en/Database/Rune/5358?pretty">blah</a>
blah

Automatic formatting with icon only :
    <!-- Add ?icon at the end of the link address.
    Link text doesn't matter. -->
    <a href="http://lol.arcana-gaming.com/en/Database/Rune/5358?icon">blah</a>
blah

Do you have questions ? Do you need help about the tooltips ? Feel free to contact us at .


commentaires propulsés par Disqus