Dieser Guide zeigt Dir, wie Du Tooltips für Gegenstände, Fähigkeiten, Rezepte und NPC's auf Deiner Webseite einbindest. Was ist ein Tooltip? Ein Tooltip ist eine kleine Box mit Informationen die in Deinem Browser aufgeht wenn Du mit der Maus über einen Link fährst. Mittels einem Klick auf den Link gelangst Du dann auf die Detailseite mit mehr Informationen.
Tooltip Einbindung
Einbinden von Tooltips ist einfach. Folge einfach diesen zwei Schritten:
1. Kopiere folgende Zeile in den HEAD Bereich deiner HTML Seite:
<script type="text/javascript" src="http://de.allodsdatabase.com/js/exsyndication.js"></script>
2. Deine Seite ist nun bereit für die Tooltip-Anzeige! Wann immer Du einen allodsdatabase Link in eine Newsmeldung, Kommentar oder Forumbeitrag hinzufügst wird nun automatisch die Tooltip-Box angezeigt. Hier ein paar Beispiele:
<a href="http://de.allodsdatabase.com/item/10002470">Hammer of Uplifting Dreams</a>
<a href="http://de.allodsdatabase.com/recipe/110000767">Deluxe Flask</a>
<a href="http://de.allodsdatabase.com/npc/30001960">Frosthoof</a>
<a href="http://de.allodsdatabase.com/skill/70000610">Martyr's Reward</a>
Erweiterte Einstellungen
Die Links können mit dem "class"-Attribut noch individueller gestaltet werden. Hier sind einige Optionen welche wir zurzeit anbieten.
Automatischer Text und Farbe
Falls Du für Gegenstände/Rezepte/Fähigkeiten/NPC's den Namen und die Farbe autmatisch dargestellt haben möchtest verwende einfach das "class"-Attribut: "allods-<type>-text".
Hier ein Beispiel:
<a class="allods-item-text" href="http://de.allodsdatabase.com/item/10002470">Unknown Item</a> wird dier folgende Ausgabe liefern
Unknown Item
Links mit Icons
Falls Du neben dem Link noch ein Icon dargestellt haben möchstest verwende folgende drei "class"-Attribute:
"allods-<type>-full-small" für ein kleines Icon,
"allods-<type>-full-medium" für ein mittleres Icon oder
"allods-<type>-full-large" für ein grosses Icon.
Gegenstände
"class"-Attribut allods-item-full-small erzeugt:
Unknown Item
"class"-Attribut allods-item-full-medium erzeugt:
Unknown Item
"class"-Attribut allods-item-full-large erzeugt:
Unknown Item
|
Skills
"class"-Attribut allods-skill-full-small erzeugt:
Unknown Skill
"class"-Attribut allods-skill-full-medium erzeugt:
Unknown Skill
"class"-Attribut allods-skill-full-large erzeugt:
Unknown Skill
|
Icon-Links
Falls Du nur ein Icon dargestellt haben möchstest verwende folgende drei "class"-Attribute:
"allods-<type>-icon-small" für ein kleines Icon,
"allods-<type>-icon-medium" für ein mittleres Icon oder
"allods-<type>-icon-large" für ein grosses Icon.
Gegenstände
"class"-Attribut allods-item-icon-small erzeugt:
"class"-Attribut allods-item-icon-medium erzeugt:
"class"-Attribut allods-item-icon-large erzeugt:
|
Skills
"class"-Attribut allods-skill-icon-small erzeugt:
"class"-Attribut allods-skill-icon-medium erzeugt:
"class"-Attribut allods-skill-icon-large erzeugt:
|