Szukam Chmurka z informacją po najechaniu na nazwe działu

wersja skryptu MyBB: 1.6.9
adres forum:
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Chciałbym uzyskać taki efekt po najechaniu na nazwę działu:

Jest może jakaś instrukcja jak to zrobić?

https://webboard.pl/thread-26361.html

Oto chodzi?

Tak w sumie o to . Tak jak http://tooltipsy.com/index po najechaniu na Speech tooltip,

W tym wątku co podałeś, rozwiązanie jest przez css, ale gdzie później dodać tą klasę żeby wyświetlało się po najechaniu?

---

@ zrobiłem tak jak pisze tutaj : http://robertmatuszewski.pl/blog/program...query-css/
ale nadal nie działa, nie wiem co źle robie

A ja wiem. To się nazywa Konflikt jQuery i jest temu poświęcony poradnik w dziale skrypt
Przy okazji, użyj najnowszej wersji jQuery, czyli 1.9.0:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.js"></script>

znalazłem prostszy sposób

Tootlip alternatywny, bez udziału HTML5

Obiecałem też opracować wersję alternatywną. Niestety zostajemy w niej pozbawieni możliwości przechowywania danych we własnych atrybutach.
Oto kod, który należy wstawić do treści witryny.

<a href="#" class="tooltip">NAJEDŹ NA TO MIEJSCE<span>Ten tekst wyświetli się w chmurce!</span></a>

Teraz pozostaje nam sformatować chmurkę w CSS3.

a.tooltip {
    position: relative;
}

a.tooltip span {
    font-size: 14px;
    position: absolute;
    z-index: 999;
    white-space: nowrap;
    bottom: 9999px;
    left: 50%;
    background: gray;
    color: #fff;
    padding: 4px 5px;
    opacity: 0;

    -webkit-border-radius: 3px;  
    -o-border-radius: 3px;
    -moz-border-radius: 3px;  
    border-radius: 3px;
}  

a.tooltip:hover span {
    opacity: 1;
    bottom:-25px;
}

Ale wychodzi mi tak:

I nie mam pojęcia jak to zrobić żeby tą chmurkę pokazywało przy najechaniu na nazwę działu

---

Dałem rade zrobić coś takiego


Ale jak widać nazwa działu się dubluje.To mój szablon forumbit_depth2_forum:

<tr>
<td class="{$bgcolor}" align="center" valign="middle" style="width: 30px"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td>
<td class="{$bgcolor}" valign="middle">
<a href="{$forum_url}">{$forum['name']} </a>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>


<a href="http://xxx.cba.pl/forumdisplay.php?fid=2" class="tooltip">{$forum['name']}<span>Ten tekst wyświetli się w chmurce!</span></a>
</td>

<td class="{$bgcolor}" valign="middle" width="10%" align="left" style="white-space: nowrap">

<strong>{$threads}{$unapproved['unapproved_threads']}</strong> Wątków<br /><strong>{$posts}{$unapproved['unapproved_posts']}</strong> Postów </td>

<td class="{$bgcolor}" valign="middle" align="left" style="white-space: nowrap; width: 200px">{$lastpost}</td>

</tr>