eXtroTips Bedienungsanleitung

1. Installation

Im Joomla-Backend klicken Sie auf Erweiterungen -> Installieren, wählen die Datei des Plugins aus
und klicken auf 'Hochladen und Installieren'. Nach erfolgreicher Installation können Sie das Plugin
unter Erweiterungen->Plugins konfigurieren.

2. Einen Tooltip erzeugen

Um einen CSS3 Tooltip mit eXtrotips zu erzeugen, fügen Sie folgenden Tag in Ihren Artikel an der gewünschten Stelle hinzu :

{extrotips link=URL|text=LINK-TEXT|tip=TOOLTIP|title=TITEL|class=KLASSEN}

• URL = ein Link, auf den beim klicken weitergeleitet werden soll (optional)
• LINK-TEXT = Der Text für ihren Link
• TOOLTIP = Ihr Tooltip
• TITEL = ein Titel für Ihren Tooltip (optional)
• KLASSEN = CSS-Klassen um Farbe, Position etc für Ihren Tooltip einzustellen, siehe unten

Folgende Klassen sind vordefiniert:

Breite des Tooltips:

• wi50 : 50px
• wi100 : 100px
• wi150 : 150px
• wi200 : 200px
• wi250 : 250px
• wi300 : 300px
• wi350 : 350px
• wi400 : 400px

Farbe des Tooltips:

• grey (grau)
• yellow (gelb)
• blue (blau)
• navy (navy)
• pink (rosa)
• sunflower (sonnenblume)
• green (grün)
• white (weiss)
• black (schwarz)

Position :

• bottom : unterhalb Ihres Links
• top : oberhalb Ihres Links

Fade-in-Effekt * :

• n2s : 'north to south', von oben nach unten
• ne2sw : 'northeast to southwest', von rechts oben nach links unten
• e2w : 'east to west', rechts nach links
• se2nw : 'southeast to northwest', von rechts unten nach links oben
• s2n : 'south to north', von unten nach oben
• sw2ne : 'southwest to northeast', von links unten nach rechts oben
• w2e : 'west to east', von links nach rechts
• nw2se : 'northwest to southeast', von links oben nach rechts unten

Beispiel:

{extrotips link=http://www.google.com|text=google|tip=example: google|class=blue bottom wi200 nw2se|title=Google} **

* Die Position top (oberhalb des links) unterstützt nur e2w oder w2e als Fade-in-Effekt.
** Bitte beachten Sie dass das pipe-Symbol ( | ) als Optionsseparator benutzt wird.