Allods Tooltip-Einbindung - allodsdatabase.com

Willkommen bei allodsdatabase.com | Einloggen oder Registrieren
Neues auf heldendaten.de: couldn't connect to heldendaten.de: Feed failed to load, got response code 500
Datenbank Community Einbindung Tooltips

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:

Gegenstände: Hammer of Uplifting Dreams

<a href="http://de.allodsdatabase.com/item/10002470">Hammer of Uplifting Dreams</a>

Rezepte: Deluxe Flask

<a href="http://de.allodsdatabase.com/recipe/110000767">Deluxe Flask</a>

NPC's: Frosthoof

<a href="http://de.allodsdatabase.com/npc/30001960">Frosthoof</a>

Fähigkeiten: Martyr's Reward

<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: