Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

efekt rollover na forum

Szukam  Założony przez  Xedoxo.

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ę :
.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.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
No tak, czytam o tym i nic z tego nie rozumiem.
Mój forumbit_depth2_forum wygląda tak:
<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ę:
{$bgcolor}

to w częściach się pojawia rollhover, a jak zrobić by automatycznie całość jak na webax.pl?
Klasę dodaj tak jak napisał @ficus do tagów tr, a następnie użyj dla klas trow1 i trow2 (są to komórki tak btw, zmienna {$bgcolor} to zwraca) efektu hover (http://www.w3schools.com/cssref/sel_hover.asp).
Coś typu:

.klasa_dla_tr:hover .trow1,
.klasa_dla_tr:hover .trow2 {
background: silver;
}
Co prawda da się to zrobić w samym css (patrz tu: http://www.w3schools.com/css/css_attribu...ectors.asp), ale skoro się uczysz to zaczynaj lepiej od podstaw.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
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ść.


Załączone pliki Miniatury
   
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).
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



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

2 gości