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ć?
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:
Kod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.js"></script>
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.
Kod:
<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.
Kod:
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:
Kod:
<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>