wersja skryptu MyBB: 1.8.7
adres forum: www.nullshare.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Próbowałem uzyskać efekt rollover po najechaniu na opis działu np. jak to jest na forum
www.webax.pl
Np dodawałem w global.css klasę :
Kod:
.forumhow {
background: #F6F7FB;
}
i następnie w szablonach forumbit_depth2_forum tą klasę w divie, ale nie wychodzi. Ktoś może mi wytłumaczyć jak to zrobić?
To jest w zasadzie efekt "hover" (do wygooglowania).
Przeanalizuj strukturę w swoim forumbit_depth2_forum. Cały wiersz (tr) musi mieć ustaloną klasę, następnie tą klasę dodajesz do css z pseudoselektorem :hover i tam ustalasz tło.
No tak, czytam o tym i nic z tego nie rozumiem.
Mój forumbit_depth2_forum wygląda tak:
Kod:
<tr>
<td class="{$bgcolor}" align="center" width="1"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-comments"></i></span></td>
<td class="{$bgcolor}">
<a id="forum_{$lightbulb['folder']}" href="{$forum_url}">{$forum['name']}</a>{$forum_viewers_text}<div class="smalltext">{$subforums}{$forum['description']}{$modlist}</div>
</td>
<td class="{$bgcolor}" align="center" style="white-space: nowrap"></td>
<td class="{$bgcolor} aposts" align="center" style="width: 120px;">{$posts}{$unapproved['unapproved_posts']}<br><span class="grayp">postów</span></td>
<td class="{$bgcolor}" align="left" style="width: 240px;">{$lastpost}</td>
</tr>
Czyli gdzie dokładniej miałbym dodać tutaj klasę z tym "pseudoselektorem :hover" by wszystko działało?
Mniej więcej rozgrzyłem na czym to polega, ale obecnie mam problem, że jak zmieniam klasę:
to w częściach się pojawia rollhover, a jak zrobić by automatycznie całość jak na webax.pl?
No tak to mniej więcej już ogarniam, teraz mam chyba problem z szablonem. Bo gdy dodaje ten efekt hover, to nie jest on na całość opisu działu tylko jakby pocięty na kawałki (screen w załączniku), a chciałbym to na całą szerokość.
Bo tak jak ci napisaliśmy klasę masz nadać po to, aby nadać na ten element hover. Obecnie nadałeś hover na trow1 i trow2, a masz nadać na ich rodzica (tr).