znalazłem prostszy sposób
Cytat: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>