Dodanie opisów hover jak w IPB

Założony przez  dorman.

wersja skryptu MyBB:1.6.8
adres forum:---
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Jak zrobić taki opisy jak w IPB /Screen:/
[Obrazek: 2e0r9fc.gif]
Daniel Praźmo napisał 19.01.2013, 11:18:
Poprawiam temat. Na przyszłość nazywaj wątki bardziej intuicyjnie.

[Obrazek: modnotice_howto.png]
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.


ACP => Szablony => Twój styl => Opis działu:
forumbit_depth1_forum_lastpost
forumbit_depth2_forum_lastpost

<span class="smalltext">
<
div onmouseover="this.parentNode.getElementsByTagName('div')[0].style.display = '';" onmouseout="this.parentNode.getElementsByTagName('div')[0].style.display = 'none';"><span class="smalltext"><a href="{$lastpost_link}title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a></span> <div style="display: none; position: relative; top: -20px; left: -100px; background-color: #000; color: #FFF;"><span class="smalltext">{$lastpost_subject}</span></div></div>
<
br /><span class="smalltext">{$lastpost_date} {$lastpost_time}<br />{$lang->by} {$lastpost_profilelink}</span

Pisane na szybko, więc nie wiem, czy będzie wszystko ok, ale sprawdź i powiedz, jak to wygląda.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Ale ja mam to co w tych szablonach jest zastąpić tym tekstem? Czy pod tym tekstem, który ja mam dać ten, który mi dałeś? Bo jeżeli zastąpić to klikam na ostatni post i mi ten napis znika i nie widać ostatniego postu.


Mój kod w forumbit_depth1_forum_lastpost wygląda tak:
<span class="smalltext">
<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br />{$lastpost_date} {$lastpost_time}<br />{$lang->by} {$lastpost_profilelink}</span>

a kod forumbit_depth2_forum_lastpost tak:
<span class="smalltext">
<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
<br />{$lastpost_date} {$lastpost_time}<br />{$lang->by} {$lastpost_profilelink}</span>
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.


Masz je zastąpić. W międzyczasie edytowałem nieco ten kod, więc upewnij się, że masz wpisany ten, który aktualnie jest w moim poście.
Podaj też adres forum, bo bez tego trudno wywróżyć, co jest źle.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Nadal to samo. Znika po nacisnięciu ostatniego postu.
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.


(19.01.2013, 11:45)Nidrax napisał(a): Podaj też adres forum, bo bez tego trudno wywróżyć, co jest źle.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
moje forum: www.stylerniaa.ugu.pl
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.


<span class="smalltext">
<
div onmouseover="this.parentNode.getElementsByClassName('threaddesc')[0].style.display = '';" onmouseout="this.parentNode.getElementsByClassName('threaddesc')[0].style.display = 'none';"><span class="smalltext"><a href="{$lastpost_link}title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a></span> <div class="threaddesc" style="display: none; position: relative; top: -20px; left: -100px; background-color: #000; color: #FFF;"><span class="smalltext">{$lastpost_subject}</span></div></div>
<
br /><span class="smalltext">{$lastpost_date} {$lastpost_time}<br />{$lang->by} {$lastpost_profilelink}</span

Spróbuj tak.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Teraz to tak jak było przedtem. Ale nie znika.
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.


Ach, chyba wiem, gdzie namieszałem. Niepotrzebnie dałem parent node. Spróbuj tego:

<span class="smalltext">
<
div onmouseover="this.getElementsByClassName('threaddesc​')[0].style.display = '';" onmouseout="this.getElementsByClassName('threaddesc​')[0].style.display = 'none';"><span class="smalltext"><a href="{$lastpost_link}title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a></span> <div class="threaddesc" style="display: none; position: relative; top: -20px; left: -100px; background-color: #000; color: #FFF;"><span class="smalltext">{$lastpost_subject}</span></div></div>
<
br /><span class="smalltext">{$lastpost_date} {$lastpost_time}<br />{$lang->by} {$lastpost_profilelink}</span
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Tak samo jak było.

Odświeżam.
Cytat:It's all about the details.
---------------
PW tylko forum, nie mejl.





Użytkownicy przeglądający ten wątek:

1 gości