Tooltips verbessern (Sweet Titles)

Zur Darstellung von Tooltips benutze ich Sweet Titles.
Es handelt hierbei um eine Java-Script Datei die man in das Blog-Theme (oder auch Webseite) einbinden kann.

Was ist ein Tooltip? Info anzeigen

Beispiel:
sweet-titles1.png
(mehr zu Prof. Van Dusen)

Installation anzeigen

Dieses Java-Script lässt sich aber in einigen Punkten verbessern:

Um die Änderungen vorzunehmen:

  1. Unterdrückung des “http://” bei der URL-Anzeige
    (Ergebniss siehe obiges Bild)
    Hierzu muss lediglich die Zeile:

    addy = addy.replace('http://','');

    hinzugefügt werden.(Zeile 12).
    Dadurch kann man (wenn gewünscht) den Zeichensatz erhöhen.

  2. Bei der eigenen Blog- bzw. Website-Adresse soll die URL nicht angezeigt werden.
    Entweder lässt man die Adresse weg oder verwendet statt dessen einen Text.
    Um die eigene Webseite ohne URL anzuzeigen (Zeile 13):

    if ( !addy.search('www.lars-schenk.')) addy = '';

    Ich habe es geändert zu:

    if ( !addy.search('blog.funkygog.')) addy = 'funkygog|Blog';

    Es können auch beliebige weitere URL-Adressen geändert bzw. versteckt werden.
    Javascript Anzeige im Tooltipp verhindern:

    if ( !addy.search('javascript:')) addy = '';

  3. Damit keine leeren Tooltipp Fenster erscheinen:
    Den bestehenden Eintrag:

    this.tip.style.visibility = 'visible';

    ersetzen durch:

    if (addy || anch.getAttribute('tip')) this.tip.style.visibility = 'visible';

Die Optik (Style.css)

In meinem Theme verwende ich folgende Einstellungen:


Innerhalb der Kategorie: WP-Tipps

top

RSS Feed abonnieren home! mail me!

Partnerlinks: