Sidebar
ein-/ausblenden

WP - Bubble Tooltips (Plugin)

Plugin für WordPress SEO

Anzeige

If you want the information in english - please have a look on this this page.

Screenshot BubbleTooltip
Screenshot BubbleTooltip

Um die Links (href und title) ein wenig schöner auf der Website darszustellen, genügt ein wenig JavaScript und CSS. Der Tipp von Alessandro Fulciniti hat mir so gut gefallen, dass ich ihn in die Seite eingebunden habe. Um das ganze zu vereinfachen und bei einem Update von WP schneller konfigurieren zu können, habe ich diese schöne Art der Tooltips in ein Plugin für WP eingebunden.

Einige Tipps zum Anpassen stelle ich im folgenden dar.

Anforderungen:

BubbleTooltips läuft mit WP 1.5* und höher, incl. WP 2.0*, WP 2.1* und WP 2.3*

Update: incl. Sweet Title

Screenshot Sweet Title
Screenshot Sweet Title

Seit Version 2.0 kann zwischen zwei verschiedenen Arten von Tooltips gewechselt werden, dazu muss eine kleine Änderung im Plugin erfolgen. Das Script Sweet Title dazu stammt von Dustin Diaz und ich habe es nur ins Plugin integriert, da der Wunsch von einigen lesern kam.

Editiere die Zeile 36:

$fbtt_bubble = '0';

Zahl 0 und es wird SweetTilte verwendet, Zahl 1 und es wird Bubble Tooltip verwendet.

Wenn jemand schon vorher das Plugin verwendet hat, so bitte alle Daten löschen und die Daten komplett neu auf den Server kopieren, da eine neue Struktur entstanden ist. Sollte das CSS angepasst sein, so nicht vergessen dieses wieder einzuspielen, im Ordner CSS.

Installation:

  1. Sichere deine Datenbank und deine Dateien ! Keine Garantie auf zerstörte Daten !
  2. Download des Packages und lokal entpacken.
  3. Upload des Ordners incl. der php-, gif-, css- und js-Datei in deinen Plugin-Ordner (/wp-content/plugins/)
  4. Aktiviere das Plugin im Admin-Bereich von WordPress.
  5. Optional: Gegebenenfalls den Link im CSS-File zum Bild mit dem kompletten Pfad angeben (background: url(http://www.deinblog.de/wp-content/plugins/BubbleTooltips/bt.gif) no-repeat bottom}.

Anpassungen Bubble Tooltip:

Es besteht die Möglichkeit, dass das Bubble-Tooltip nur auf ein bestimmtes ID wirkt, dazu muss die php-Datei angepasst werden.
In Zeile 48 kann das ID gewählt hinterlegt werden. Dort ein ID hinterlegen, dann wirkt das Tooltip-JS auf den entsprechenden Bereich mit dem ID.


enableTooltips(\"content\")

- ohne ID, für die gesamte Seite


enableTooltips()

Die Zeichenanzahl eines Links wird gekürzt, sobald diese >28 Zeichen sind.
In meinem Fall empfand ich das als ungünstig, so dass ich die Zeichenanzahl so angepasst habe, dass meine URL, die ja immer gleich ist, entfernt wird und die folgenden 32 Zeichen dargestellt werden. Diese Anpassung könnt ihr in Zeile 30 des JavaScript-Files vornehmen.


if(l.length>28) l=l.substr(0,25)+"...";

Das folgende Beispiel soll den Usern helfen, die sich nicht des öfteren mit Scripten beschäftigen. Meine URL http://bueltge.de besitzt 22 Zeichen. Wenn es Links >32 Zeichen gibt, dann werden also die ersten 22 Zeichen nicht dargestellt und die folgenden 30 Zeichen werden ausgegeben. Danach folgen ein Leerzeichen und die drei Punkte.


if(l.length>32) l=l.substr(22,30)+" ...";

Anpassungen Sweet Title:

Das Design kann komplett über das Stylesheet angepasst werden. Dafür die Datei /tooltip/css/sweetTitles.css bearbeiten.

Derzeit werden die Tags a, abbr und acronym angesprochen. Sollen es noch andere sein, so die Datei /tooltip/js/sweetTitles.js bearbeiten.

tipElements : ['a','abbr','acronym'],

Download:


Ist die Arbeit nicht 1 Euro wert?
Jede Spende wird dankbar angenommen und ermöglicht das weitere Arbeiten an freier Software.
Möchtest du mehr oder anders spenden, so besuche meine Wunschliste.

Download als zip-DateiDownload als ZIP-Datei: (incl. Sweet Title und Bubble Tooltip)downloads.wordpress.org/plugin/bubble-tooltip.zip - 7 KByte

Historie:

  • V1.1 - optimierte Code-Ausgabe
  • V1.2 - Konflikt mit anderen JS_Plugins behoben
  • V2.0 - Sweet Title steht nun als Alternative zur Verfügung
  • V2.1 - CSS-Bug behoben

91 Kommentare und 32 Trackbacks zu „WP - Bubble Tooltips (Plugin)“

  1. 1
    Kommentar von Flo

    Dein Plugin ist echt genial. Danke dafür. Aber eine Anmerkung hätte ich noch bezüglich der Sache mit der eigenen Url. Du schneidest ja von jeder Url die ersten x Zeichen ab (je nach dem wie lang die eigene Domain ist), überprüfst du aber auch ob die Url überhaupt die eigene Domain enthält? So würde man ja bei jeder Url die ersten x Zeichen wegschneiden, oder habe ich da was übersehen?

    Ciao Flo

  2. 2
    Kommentar von Frank Bültge

    @Flo: Nein, du hast nichts übersehen. Ich schneide die ersten x Zeichen ab und damit auch die, die nicht mit meiner URL beginnen. Aber eigentlich (!) gibt es die nicht. Soll auch nur ein Tipp sein, damit die Darstellung ein wenig schöner ist. IM Urzustand wird ja nichts weggenommen.

    Liebe Grüße Frank

  3. 3
    Kommentar von Flo

    Ah ok, dann bin ich Gott sei dank noch nicht blind. ;)
    Ne wollte das nur wissen, da es ja Links auf externe Seiten nicht so schön ausschaut, hab's aber schon angepasst. Also danke nochmal für das nette Plugin und die schnelle Antwort.

  4. 4
    Pingback von WordPress Station » Blog Archive » Bubble Tooltips Plugin
  5. 5
    Pingback von blogbox.ch » Herrlich: Bubble Tooltips !
  6. 6
    Kommentar von John

    This looks wonderful but I am having an install issue. Its up and working but for some reason the bt.gif doesnt render -- so the text floats on top of the posts. Any idea on what I am doing wrong?

  7. 7
    Kommentar von John

    Very keen to get this to work -- but I tried setting up and its working but without the BT.gif -- for some reason word press or the JS isnt seeing the GIF. Any ideas?

  8. 8
    Kommentar von Frank Bültge

    @John:
    Please, can i have a link to your site with the problem? thanks - with best regards Frank

  9. 9
    Kommentar von fabian

    jep same problem at my blog....maybe WP version problem??? tried to edit the css file...but...hm...nothing happens...

  10. 10
    Kommentar von Frank Bültge

    Hallo Fabian,
    geht es auf deutsch, dein Blog ist ja deutsch?
    Ich benötige ein wenig mehr Infos, da das Plugin bei dir nicht aktiviert ist.
    Werden denn die beiden Links in den Header von WP eingetragen, also das JS und die CSS-Datei?

    Wird bei einem Link das JS verwendet und fehlt nur das gif? Wenn ja, sollten wir mal im CSS-File den kompletten Pfad zum Bild angeben?

    LG Frank

  11. 11
    Kommentar von fabian

    ich habs gestern abend wieder deaktiviert weils ohne dem gif halt n bissel komisch aussieht...wenn es aktiv ist...geht alles bis auf das das gif angezeigt wird...den kompletten pfad kann ich gleich mal eintragen ins css.

    aha okay...edit gleich mit rein....hab den kompletten pfad des gifs ins css reingeschrieben...nun funktioniert es einwandfrei...

    danke :D

  12. 12
    Kommentar von Tapanez

    Hi, I'm trying your plugin but I'm not being able to make it work. I've uploaded into my /wp-content/plugins directory and later activated. Also, after seeing it didn't work I changed css urls in order to make paths absolute. No change.

    thanks.

  13. 13
    Kommentar von Max

    Hallo,
    ich habe jetzt dieses Plugin auch auf meinem Weblog http://www.drogenabhaengig.ch.
    Ich möchte dazu sagen, das Frank mir das Plugin auf meinem Blog installliert hat.
    Da ich noch ein ziemlicher Anfänger bin, was wordpress anbelangt.
    Ich möchte mich hier bei Dir Frank, ganz herzlich bedanken, dass Du mir so toll geholfen hast.
    Das war sehr nett von Dir.

    Danke und liebe Grüsse.

    Max

  14. 14
    Kommentar von Frank Bültge

    @Tapanez:
    Please write in the php-file(Plugin-File): {enableTooltips()} for {enableTooltips(\"content\")}.
    This is the ID for function of tooltip.
    With best regards Frank

  15. 15
    Pingback von Wordpresshosting » Blog Archive » Themes und Plugins
  16. 16
    Kommentar von Ralph

    Hallo,
    ich habe das Plugin wie beschrieben installiert und in Betrieb genommen ... abere nix passiert???
    Was könnte es sein? "stören" sich andere scripts dort gegenseitig?
    ralph

  17. 17
    Kommentar von Frank Bültge

    Ja, leider stört es sich mit dem Lightbox-JS. Kann aber das Problem leider nicht lösen.
    LG Frank

  18. 18
    Kommentar von Ralph

    Na - da kann man nix machen ...
    Werde ich es wohl wieder raus nehmen

  19. 19
    Kommentar von Martin Hiegl

    Ganz ehrlich - ich finde es eher nervig!

  20. 20
    Kommentar von Frank Bültge

    Das ist eben das Problem mit dem Geschmack, der ist eben verschieden. Muss jeder selbst entscheiden.
    Gruss Frank

  21. 21
    Pingback von WordPress????? » Blog Archive » BubbleTooltips
  22. 22
    Kommentar von Lutz Peter

    Ich habe das Plugin jetzt eingebaut und in der CSS den direkten Link auf das GIF gelegt. Es wird aber nur die untere hälfte der Blase angezeigt und der Text steht darunter.

  23. 23
    Kommentar von Frank Bültge

    @Lutz Peter: Bitte gib mir mal einen Link, wo ich mir das Problem ansehen kann.
    Scheinbar gibt es einen Konflikt im Stylesheet mit dem Styleshhet deines Blogs.
    LG Frank

  24. 24
    Kommentar von Lutz Peter

    Das Plugin hat sich mir einem anderen gebissen was ich verwende. Ich habe es dann vorgezogen es wieder zu deaktivieren. Es gibt wohl Plugins die sich einfach nicht vertragen.

    Danke

  25. 25
    Kommentar von Chris

    Hallo Frank,
    ich habe mir das Plugin auch grad runtergeladen und aktiviert. Es will aber nicht gehen.
    Die Lightbox hab ich auch wieder rausgeschmissen, woran kann das liegen? Vielleicht an meinem Theme? Habe das Andreas04-10.
    Vielleicht kannst ja mal drüberschauen wennst zeit hast, http://www.privatfitness.info.
    Danke für deine Hilfe, Chris

  26. 26
    Kommentar von Frank Bültge

    Hallo Chris,
    kann auf deiner Site kein Javascript finden, was daruf hinweist, dass du das Plugin aktiviert hast.
    LG Frank

  27. 27
    Kommentar von Chris

    Hi Frank,
    habs jetzt auch zum laufen bekommen, echt ein klasse Plugin, Gratz

  28. 28
    Kommentar von Janji

    vorab: super seiten! sehr hilfreich und angenehm strukturiert!
    ich richte gerade eine wp-testinstallation für unser büro ein. teste gerade den einsatz von Bubble Tooltips. habe aber auch das problem mit dem "halben gif". habe mal alle möglichen, nicht unbedingt notwendigen, plugins deaktiviert und auch die themes gewechselt. tut sich aber nüscht. die meisten zeigen das gleiche verhalten (Landzilla 1.2 1.0 by Vladimir Simovic reagiert sogar garnicht). hast du eine idee woran es liegen könnte?

    die testinstallation liegt hier: http://www.business-innergy.de/wordpress

  29. 29
    Kommentar von Frank Bültge

    Hallo Janji,
    bitte erweitere mal deine bt.css um http://www.businessinnergy.de/wordpress bei der Adresse zum Bild, dann geht es, habe es gerade getestet.
    deine bt.css

    /*CSS for Bubble Tooltips by Alessandro Fulciniti -
    http://pro.html.it - http://web-graphics.com */
    /* WordPress-Plugin by Frank Bueltge - http://bueltge.de */

    .tooltip{
    width: 200px;
    color: #000;
    font: lighter 11px/1.3 Arial,sans-serif;
    text-decoration: none;
    text-align: center
    }

    .tooltip span.top{
    padding: 30px 8px 0;
    background: url(http://www.businessinnergy.de/wordpress/wp-content/plugins/BubbleTooltips/bt.gif) no-repeat top}

    /* incl. linkcolor */
    .tooltip b.bottom{
    padding:3px 8px 15px;
    color: #556B2F;
    background: url(http://www.businessinnergy.de/wordpress/wp-content/plugins/BubbleTooltips/bt.gif) no-repeat bottom}

    LG Frank

  30. 30
    Kommentar von Janji

    1.000 dank - funktioniert jetzt....

  31. 31
    Kommentar von Janji

    nochmal ich: wie kann ich die länge der in der bubble angezeigten url anpassen? danke für die unterstützung!

  32. 32
    Kommentar von Frank Bültge

    Hallo Janji,
    das habe ich in der obigen Beschreibung erläutert, nicht ausreichend?
    Liebe Grüße Frank

  33. 33
    Pingback von » by:ltge.de - In Sachen Wordpress mein Favorit - Wochenblog
  34. 34
    Kommentar von Olaf

    Supertolle Site. Danke schön. Es ist auch für den Anfänger ein echter Genuss hier zu stöbern.
    Ich komme ab sofort regelmäßig.
    Gruß
    Olaf

  35. 35
    Pingback von Godshorn-Info » Blog Archiv » meine Plugins
  36. 36
    Kommentar von ovidiu

    Hi,

    ich versuche das plugin gerade hier einzusetzen: http://sibiu.zice.ro und es funktioniert auch halbwegs...
    wenn du auf der startseite bist, geht es bei allen links auch die in der sidebar, wenn du einen post öffnest, also auf einer single post page bist, geht fast kein tooltip mehr?

    irgendeine evrnünftige erklärung?

    vielen dank schonmal

  37. 37
    Kommentar von ovidiu

    sorry, ich schon wieder. das problem ist wenn man einen post öffnet, versagt auf einmal das searchlite plugin, ich denke da kommen sich die javascripte in das gehege, hast du irgendwelche ideen? ich würde gerne beide plugins benutzen.

  38. 38
    Kommentar von Frank Bültge

    Leider habe ich derzeit keine Lösung, dazu muss ich das Plugin umbauen, schreibe es aber auf meine Taskliste. Sorry.

  39. 39
    Kommentar von ovidiu

    komischerweise versagt das bubble tooltip nur im FF2 im IE6 geht es immer?

  40. 40
    Kommentar von Frank Bültge

    Sorry, aber mein Plugin benutzt den onload-Tag und damit gibt es Probleme mit anderen JS die diesen ebenso benutzen wollen. Warum es im IE geht kann ich nicht sagen.
    Grüße Frank

  41. 41
    Pingback von Tutoriel icones liens externes avec Mootools < Fardeen GHULAM
  42. 42
    Kommentar von Frank Bültge

    Ein Update 1.2 wurde durchgeführt und nun funktioniert es auch mit anderen Plugins, z.B. Lightbox-JS oder Zap_NewWindow

  43. 43
    Kommentar von Ben-Inside

    Kann man das ganze so einrichten, dass es nur für Links angezeigt wird, die nach außen gehen, also nicht für Links innerhalb meiner Webseite?

  44. 44
    Kommentar von Frank Bültge

    Dazu müsstest du das JS in der Funktion enableTooltips verändern, denn jetzt wird Tag a gesucht und genutzt, ohne Bezug der Domain.

  45. 45
    Kommentar von Axel

    Hallo,
    Ich versuche BubbleTooltips nur im Header und in der Sidebar einzusetzen, aber wenn ich in beiden Dateien ein Div mit der gleichen ID aufmache, werden die Tootips immer nur im Header gezeigt (der wird in der index.php auch zuerst aufgerufen). Kann man die Tooltips auch gleichzeitig in 2 Bereichen benutzen?
    Grüße,
    Axel

  46. 46
    Kommentar von Frank Bültge

    Hallo Alex,
    nein - nicht ohne das Script zu ändern. Es kann nur ein ID, das erste in der Siete, angesprochen werden. Ansonsten muss es übergreifend sein.
    LG Frank

  47. 47
    Pingback von WP - Update des Plugins Bubble Tooltips | bueltge.de [by:ltge.de]
  48. 48
    Pingback von Weblog Tools Collection » Blog Archive » WP Plugin Releases for 1/12
  49. 49
    Kommentar von hups

    hallo,

    ich betreibe eine seite aus e107 (ist in etwa wie ilch oder jmola)cms halt wärst du so nett und würdest mir das plugin für diese seite modifiezieren ??

    das wäre supper nett !!!

    mfg

  50. 50
    Kommentar von Frank Bültge

    @hups: ich habe keine Kenntnisse in der Plugin-Programmierung für e107, so dass ich da auf die schnelle nicht helfen kann.
    Es ist aber sicher schnell erledigt, wenn du es direkt ins Template integrierst. SInd nur zwei Zeilen im Header. Wenn ja, dann einfach mal Kontakt per Mail und ich versuche dir eine kleine Anleitung zu schreiben.

  51. 51
    Kommentar von hups

    danke für deine antwort aber per hand hab ichs schon eingebaut wollte halt sone art atumat wie eben son plugin ist machen

  52. 52
    Pingback von s1cness.com » Seitenupdates
  53. 53
    Pingback von morgenlandfahrt.net | Das Weblog von Markus Sowada » Blog Archive » WP-Plugins: BubbleTooltips
  54. 54
    Pingback von WP Plugins DB » Blog Archive » Nice Tooltips
  55. 55
    Pingback von 24 Tooltipp-Scripts | Dr. Web Weblog
  56. 56
    Pingback von 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Smashing Magazine
  57. 57
    Pingback von 40+ Tooltips Scripts With AJAX, JavaScript & CSS | Webdesign (css, grafica e altro)
  58. 58
    Pingback von WebAdictos - Una dosis diaria de web@ » Archivo del Blog » Recopilación de librerias para Tooltips
  59. 59
    Pingback von Более 40 полезных скриптов (Tooltips) AJAX, JavaScript, CSS. на Крупицы интересного
  60. 60
    Pingback von lost node » Blog Archive » 40+ Tooltips Scripts With AJAX, JavaScript & CSS
  61. 61
    Kommentar von vanBetty

    Danke fur das plugin! Really nice! Regards.

  62. 62
    Kommentar von Robert

    In Zeile 37 kann das ID gewählt hinterlegt werden. Sind auch mehrere möglich? lg Robert

  63. 63
    Kommentar von Frank Bültge

    Nein, nur eine ID möglich.

  64. 64
    Kommentar von Robert

    schade, das es nicht geht. vielleicht in einer der nächsten versionen? ;-)
    lg Robert

  65. 65
    Pingback von Recopilación de librerias para Tooltips « Neozeratul en la Red
  66. 66
    Pingback von Initiative: Plugins “Made in Germany” « Plugin, Autor, Beschreibung, Bueltge, Frank, Plugins, WordPress, Blogger « Notepad
  67. 67
    Kommentar von greekvisualarts

    Hello,
    This is a great plugin. Still... I am having problems with it. The thing is that I have 2 different problems with Sweet Titles.
    1. in Firefox the text (if it very long) goes outside the box of the sweet titles.
    2. in Internet explorer all of the text stays in the box, BUT the box has very different shapes every time and for different links
    You can see what I mean on the right of the page on the art feeds in: http://theasis.aenaon.info/blog/
    It would be nice if I could tell it to show ONLY x amount of characters and no more.
    Thanx in advance

  68. 68
    Kommentar von Frank Bültge

    See on the css-File (sweetTitles.css) in the Plugin-Folder and write new:

    	max-width: 300px; /*47mP */
    	max-height: 100px;
    

    Write major data.

    With best regards

  69. 69
    Kommentar von greekvisualarts

    Frank hi,
    Thank you for the quick reply. But I do NOT understand what I must do.
    As you see I have both
    min-width:100px; AND max-width:300px;
    I also have: max-height:100px;
    What new must I write? Is there something else I must do? What do you mean "write major data"?
    Best regards

  70. 70
    Kommentar von Frank Bültge

    example:

    max-width: 500px;
    max-height: 1000px;
  71. 71
    Kommentar von greekvisualarts

    Frank hi,
    Thank you for the reply. Still I think 500 x 1000 px. is very big area. Is there a way to make it show only the amount of characters that I want? Furthermore I have the lightbox plugin. and in IE it shows the title in 2 ways (http://theasis.aenaon.info/blog/). It would be so nice to come up with some solutions for these. Thank you

  72. 72
    Kommentar von Frank Bültge

    I have test on your site and the follow css width and height is good. This values are max-vaues, also no problem.

    	max-width:450px;
    	max-height:500px;
    
  73. 73
    Kommentar von greekvisualarts

    Thank you Frank. The new values (max-width:450px; max-height:500px;) work very well on Firefox. Unfortunately NOT in IE. 50% success in only a couple of hours in very good. Brilliant advice. I think you must add some kind of code to fix the bug in the stupid IE.....????? Very bad browser but unfortunately many people use it.
    Thank you. (by the way have a look at the bottom of my page as well at the development wordpress links. A different kind of bug there.)

  74. 74
    Kommentar von Frank Bültge

    maybe with this IE-Hack for width (min-width: 100px and max-width:450px) and the same with height with 500px:

    
    
  75. 75
    Kommentar von greekvisualarts

    I am very good in following instructions and very bad on coding. So please tell me where to put this code(it must be in the sweetTitles.css ). In which file and where (for example, write something like this: after line 21 OR after
    -moz-border-radius:5px;}
    Thank you

  76. 76
    Pingback von Nice Tooltip - Cowboy's Weblog
  77. 77
    Kommentar von Frank Bültge

    Write the follow code in sweettitle.css, in plugin-folder, in the first line and tho old code in the next lines.

    
    
  78. 78
    Kommentar von greekvisualarts

    Hi Frank,
    I (think!!!) I did what you said. Look here: http://theasis.aenaon.info/blog/wp-content/plugins/tooltips/css/frank_sweetTitles.css
    but it did not work. It did mess up firefox as well. When I apply this, I get NO tooltips at all. I must have something wrong. Did I write the correct code?

  79. 79
    Kommentar von Frank Bültge

    please write this code in sweetTitle.css

    /* Fix for Windows IE \*/
    * html body div#toolTip {
            width:expression
                    (document.body.clientWidth
                    < 100? "100px": "auto"
                    &&
                    document.body.clientWidth
                    > 450? "450px": "auto")
            height:expression
                    (document.body.clientHeight
                    > 500? "500px": "auto")
    }
    /* Ende von IE5/mac verstecken */
    
  80. 80
    Kommentar von greekvisualarts

    Hello Frank,
    I tried your new fix (http://theasis.aenaon.info/blog/wp-content/plugins/tooltips/css/frank_2_sweetTitles.css) but still does not work. I do not think we look at this the right way. I give up. I have to remove tooltips from the blog. Thank you for your tries and time.

  81. 81
    Kommentar von Frank Bültge

    @greekvisualarts: i have send you a mail with a css-file, please check this.
    Best regards

  82. 82
    Kommentar von Rob

    There is an error in the bt.css file. The plugin path is incorrect and inconsistent with the tooltips.php. I changed mine to /wp-content/plugins/tooltips/bt.gif and now the background bubble shows up.

    Any chance this plugin will get an admin Options page in the future?

    Thanks!

  83. 83
    Kommentar von Frank Bültge

    Thank you for this comment. I have fixed the problem and upload the new version.

  84. 84
    Kommentar von eliot

    Hello, great plugin!
    I was wondering if there is a way to make the tooltips also show up in the Wordpress dashboard and backend.

    thanks!

  85. 85
    Kommentar von Frank Bültge

    Yes, i think this possible - a why?
    I think, i send a version to yout mail-adress.

  86. 86
    Kommentar von Frank M.

    Kann man bei Sweettitle die Transparenz des Hintergrunds ausschalten? Wenn ja wie?
    Danke

  87. 87
    Kommentar von Frank Bültge

    @Frank M.: Dazu die sweetTitles.js bearbeiten: this.tip.style.opacity = '.1'; und mal mit dem Wert experimentieren.

  88. 88
    Pingback von Mempercantik Tampilan Tooltips Sebuah Link | WordPress [at] mimpikami [dot] com
  89. 89
    Pingback von Thorsten´s Blogosphere » Blog Archiv » WP - Bubble Tooltips (Plugin)
  90. 90
    Pingback von WP-Bubble Tooltips » WordPress Templates
  91. 91
    Pingback von tilo schröder » WordPress-Plugins » Meine verwendeten WP-Plugins
  92. 92
    Pingback von Жизнь в деталях » Blog Archive » 40+ всплывающих подсказок AJAX, JavaScript & CSS
  93. 93
    Kommentar von Georg

    Hallo ich bin leider kein Spezialist habe aber schon einiges in Wordpress gemacht. Ich habe das Problem Dein Tool zum laufen zu bringen. Ich habe es aktiviert. Doch was muss ich eigentlich noch tun damit es läuft:
    Wie aktiviere ich es wenn ich ein Wort mit Deinem Link beschreiben möcgte?
    Danke für Deine Hilfe
    alles Liebe Peter

  94. 94
    Kommentar von Georg

    Noch eine Frage eigentlich wollte ich das Tool dazu verwenden, dass wenn man über ein Wort drüber fährt eine Erklärung in einem Fenster aufgeht. Für dei Links brauche ich das eigentlich nicht kann ich da Deines verwenden?

  95. 95
    Pingback von 40+ Tooltips Scripts With AJAX, JavaScript & CSS at Site Kreation
  96. 96
    Pingback von Joel G Goodman » Finished the Upload
  97. 97
    Pingback von Panduan Menggunakan Plugin Nice Tooltips | WordPress [at] mimpikami . com
  98. 98
    Kommentar von aouni

    Hello Frank. This is a great plugin. I am facing one problem on 2.5.1
    The tooltip is showing on the sidebar as well & everywhere where there is a link. Is there a way to let it work only in the post text? Thanks.

  99. 99
    Kommentar von Frank Bültge

    @aouni: Yes, this possible. You must change the id on enableTooltips(\"content\") in tooltips.php, line 48. Search the ID of your content-area and write in the file.

  100. 100
    Pingback von ♥ true-luv.com » Blog Archive » Nice Tooltips
  101. 101
    Pingback von 40+ AJAX, JavaScript & CSS Tooltips Scripts | Tech User, Blogger and Designers References
  102. 102
    Pingback von 24 Tooltipp-Scripts | Dr. Web Magazin
  103. 103
    Kommentar von Matthias

    Hallo
    würde das Tooltip gerne für mehrere Links nutzen die alle eine ID haben sollen. Beim Laden der Seite wird über die Adresszeile ein ID übergeben und dieser Tooltip mit exakt dieser ID soll sofort angezeigt werden. Die anderen Tooltips sollen nur mit onclick geöffnet und auch wieder geschlossen werden.
    Ist das realisierbar ?

  104. 104
    Kommentar von Frank Bültge

    @Matthias: ja, ist machbar, aber dazu musst du das Script umschreiben. Vermutlich ist es besser, wenn man das Script + das Tooltip Script speziell dafür schreibt und in das Theme integriert.

  105. 105
    Kommentar von Sebastian

    Hallo Frank,

    übrigends muss unter "Anpassungen Bubble Tooltip:" nicht die PHP Datei sondern die JS Datei angepasst werden. Ich suchte schon eine Weile, bis ich den Irrtum entdeckte. Weiter so!

  106. 106
    Kommentar von Sebastian

    hab quatsch erzählt. war alles richtig. is nur verwirrend, weil du von der bearbeitung der php datei gleich in die js datei gehst und die zeilenangaben teilweise nich mehr stimmen. aber mal was anderes: kann ich bei den sweetbubbles es so einstellen, dass die tooltips nur bei bildern kommen? ich habe in der .js datei schon statt "a" nun "img" als erlaubte elemente eingegeben, aber nix ändert sich.

  107. 107
    Kommentar von Frank Bültge

    @Sebastian: im Grunde schon, aber der Tooltipp wird ja aus dem title-Attribut des a-Tag erstellt und so müsstest du das ganze JS ändern. Ich bin schon eine Weile raus und aktuell auch ohne Zeitreserven um es mir näher anzuschauen.

  108. 108
    Kommentar von Redscreen

    Klasse Plug in! Weiter so!

  109. 109
    Kommentar von Mark Henckel

    Super Idee Frank, nur, dass ich die URL nicht brauche, ich finde sie unnötig. Wie kriege ich sie elegant ausgeschaltet? Momentan habe ich sie sehr dirty mit CSS ausgeblendet (color:transparent;)

    Danke für die Mühe!

  110. 110
    Kommentar von Mishef

    Hello, its a great plugin, but i need some help with it. I want tooltip show only when current link has TITLE. Here you can see --> http://img23.imageshack.us/img23/6117/tooltip.gif

    Thanks!

  111. 111
    Kommentar von Frank Bültge

    The javascript of the plugin read automaticly the title-attribut of a link. When you have a link with follow structure:

    LINK

    Then worls this with the text of the title-attrribut in the tooltip.

  112. 112
    Kommentar von Mishef

    Yes, i know that, but is there any way to edit java to show ToolTip only when link has title-attribut?

  113. 113
    Kommentar von Frank Bültge

    @MIshef: this is only possible, when you change the js in the code. You can ask for title exists and then give back the tooltip.

  114. 114
    Kommentar von Mishef

    How to do that. If you have time to explain me, i will glad to hear your solution. Thanks!

  115. 115
    Kommentar von Frank Bültge

    @Mishef: How do you use the tooltipp: bubbleTooltipps or sweetTitles?

  116. 116
    Kommentar von Mishef

    I use sweetTitles.

  117. 117
    Kommentar von René

    Hallo Frank, dass Script fetzt. Jedoch so in der Form für mich unbrauchbar ^^ Das Problem ist, es wird bei allen Links ein Tooltip erzeugt. Gibt es eine Möglichkeit das Tooltip bei bestimmten attributen anzeigen zu lassen? Also zum Beispiel bei rel="" die sonst nicht verwendet werden. ??

    Wäre klasse wenn das funktioniert :)

  118. 118
    Kommentar von Frank Bültge

    @René: so nicht, dazu müsste man das Script ändern. Ich vermute, da es schon älter ist, dass es diverse Plugins für jQuery gibt, die das besser können. Ich weis nicht, in wie weit du da fit bist. Aber wenn du was findest, was passt, ich kann es auch gern in das Plugin aufnehmen, dann kann man es leichter in WP integrieren.

  119. 119
    Kommentar von René

    Ging ja fix. heul, die anderen Scripte sind alle so hässlich. Das ist einfach und lässt sich wunderbar vom Design her anpassen. Bin leider nicht so fit :(

    Trotzdem besten Dank.

  120. 120
    Kommentar von moon

    hallo und guten tag

    ich habe das plugin runtergeladen, jedoch kann ich es in wp nichtaktivieren
    "Das Plugin hat keinen validen Header."
    zeigt es an.
    kann mir jemand rat geben?
    danke im voraus

  121. 121
    Kommentar von Frank Bültge

    @moon: sollte ohne Probleme gehen, eben nochmal getestet.

  122. 122
    Kommentar von Stefan

    Ahoi,

    eben mit WP 2.9.1 kam der exakt der selbe Fehler, den moon im Kommentar 120 beschrieb.
    Das PlugIn taucht danach auch nicht in der PlugIn-Verwaltung auf, der Ordner erscheint jedoch im FTP.
    Ich bitte um Hilfe. :-)

    Lieben Gruß,

    Stefan

  123. 123
    Kommentar von Kevin

    Das Problem hatte ich erst auch, habs aber gelöst indem ich gepeilt habe nur den Ordner "tooltips" (im .zip) hochzuladen und nicht den den kompletten Inhalt.

Überlastung, Kommentare sind vorübergehend geschlossen

Ich bin urlaubsreif, ersticke in Arbeit und damit auch für die Leser des Weblogs nicht zu erreichen. Bitte geduldet euch ein wenig mit Supportanfragen.
Leider muss ich die Kommentarfunktion deaktivieren, ansonsten würde ich weiter in Arbeit ersticken oder die Anfragen nicht nach bestem Gewissen beantworten.

Vielen Dank für das Verständnis!