This short guide will walk you through adding tooltips from Vindictus DB to your website.
Add the following code to your page. Preferably in the header with other scripts.
<script type="text/javascript" src="http://www.VindictusDB.com/js/vdb_tooltips.js"></script>
Links to items and skills will now support a tooltip straight from our database.
Code: <a href="http://vindictusdb.com/item?i=Sword+of+Life">Sword of Life</a>
Result: Sword of Life
Encoding your URLs will help your site stay standards compliant!
Code: <a href="http://vindictusdb.com/item?i=Trainee%27s%20Mine%20Bomb" class="q4">Big's Bomb</a>
Result: Big's Bomb
Links can be colored based on quality level. Simply use "class=q#" where # is a number between 1 and 4. 1 = White, 2 = Green, 3 = Blue, 4 = Pink.
Code: <a href="http://vindictusdb.com/item?i=sword+of+life" class="q3">[Sword of Life]</a>
Result: [Sword of Life]
Skills, titles and monsters also support links.
Code: <a href="http://vindictusdb.com/skill?i=Alchemy%3A+Transform+Erg" class="q0">Alchemy: Transform Erg</a>
Result: Alchemy: Transform Erg
Code: <a href="http://vindictusdb.com/title?i=title_clear_chieftain" class="q0">Decisively Easy</a>
Result: Decisively Easy
Code: <a href="http://vindictusdb.com/monster?i=45" class="q0">The Blood Prince</a>
Result: The Blood Prince
Use the "rel" attribute to have a skill tooltip display a certain rank or to have items display other variations.
Code: <a href="http://vindictusdb.com/skill?i=Alchemy%3A+Transform+Erg" rel="&rank=A">Alchemy: Transform Erg</a>
Result: Alchemy: Transform Erg
Code: <a href="http://vindictusdb.com/item?i=The+Capricorn" rel="&enhancelvl=10" class="q3" >The Capricorn +10</a>
Result: The Capricorn +10
Code: <a href="http://vindictusdb.com/item?i=The+Capricorn" rel="&iq=3" class="q3" >The Capricorn, Level 3 Quality</a>
Result: The Capricorn, Level 3 Quality
Use our tooltips on your website? Send us a message and we will list your site below.