Express-Tooltips von buffed.de

Ihr könnt unsere Datenbank-Tooltips einfach in Eure eigene Webseite integrieren. Sobald Eure Besucher dann mit der Maus über den jeweiligen Link navigieren, bekommen sie den entsprechenden Tooltip angezeigt.

Wie bekomme ich Express-Tooltips auf meine Seite?
Dafür muss lediglich eine Zeile Quellcode zwischen den Tags <head> und </head> in Eurer Webseite eingebinden:

<script src="http://hearthstone.buffed.de/js/buffed-db-tooltips.js" async="async"></script>

Ihr könnt nun auf Eurer Seite einfach unsere Links verwenden. Ihr findet sich im Verlinkungs-Kasten direkt neben jeder Karte, oder fügt sie manuell ein. Das ist denkbar einfach - Hier der HTML-Code:

Beispiele:
<a href="http://hearthstone.buffed.de/de/card/Cenarius-36" class="q5">Cenarius</a>
<a href="http://hearthstone.buffed.de/de/card/Bergriese-993" class="q4">Bergriese</a>
<a href="http://hearthstone.buffed.de/de/card/Blutsegelkorsar-997?img" class="q3">Blutsegelkorsar</a>

Die Linkfarben können übrigens auch denen der Karten-Qualitätsstufen angepasst werden. Das haben wir im Beispiel oben mit Angabe der CSS-Klasse q1 bis q5 definiert.
Folgende CSS-Klassen stehen Euch zur verfügung:

q0 = Gewöhnlich, q2 = Gewöhnlich, q3 = Selten, q4 = Episch, q5 = Legendär

Hängt Ihr wie im Beispiel des Blutselgelkorsar noch die Option "?img" an den Link, werden statt dem Tooltip die Karten ausgegeben.

Ergebnis:

Sprachauswahl
Ihr könnt übrigens die Tooltips in folgenden Sprachen ausgeben lassen:
Deutsch (de), Englisch (en), Russisch (ru), Französisch (fr), Spanisch (es), Polnisch (pl) und Italienisch (it). Wechselt dazu einfach die Sprache der Datenbank und holt Euch den Link bei den Karteninformationen oder fügt die Sprach-Tags aus der Klammer direkt im Link ein.

Beispiele:
<a href="http://hearthstone.buffed.de/de/card/Cenarius-36" class="q5">Cenarius</a>
<a href="http://hearthstone.buffed.de/en/card/Cenarius-36" class="q5">Cenarius</a>
<a href="http://hearthstone.buffed.de/ru/card/Cenarius-36" class="q5">Cenarius</a>
<a href="http://hearthstone.buffed.de/fr/card/Cenarius-36" class="q5">Cenarius</a>
<a href="http://hearthstone.buffed.de/es/card/Cenarius-36" class="q5">Cenarius</a>
<a href="http://hearthstone.buffed.de/pl/card/Cenarius-36" class="q5">Cenarius</a>
<a href="http://hearthstone.buffed.de/it/card/Cenarius-36" class="q5">Cenarius</a>
Ergebnis:
Das könnt Ihr übrigens auch mit der Bild-Option verbinden.
Beispiele:
            <a href="http://hearthstone.buffed.de/ru/card/Cenarius-36?img" class="q5">Cenarius</a>
Ergebnis:

Aktualisiert: 23.01.2014

Mit der Code-Einbindung habt Ihr übrigens auch gleich die Tooltips unserer World of Warcraft-Datenbank.