To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
phpBB2 by Przemo
Support forów phpBB2 modified by Przemo

Ogólna pomoc dotycząca stylów - [Problem] Jak zrobic efekt OnMouseOver

Meef - 29-12-2009, 16:54
Temat postu: [Problem] Jak zrobic efekt OnMouseOver
Witam. Kolejna prosba o pomoc, tym razem chcialbym zmienic aby efekt OnMouseOver po najechaniu na tabele byl na cala szerokosc tabeli. wiecej info na screenie.

cos takiego jak na :
http://forum.mazdaspeed.pl/

[ Dodano: 29-12-2009, 17:18 ]
pożądany efekt jest tez zastosowany np na www.darkwarez.pl

Tavaro - 29-12-2009, 17:21

CSS:
Kod:
table.forumline {
  background: #fff;
}

table.forumline tr,
table.forumline td {
  background: transparent;
}

table.forumline tr:hover {
  background: #abcdef;
}

Oczywiście zamień #abcdef na swój kolor.

Nie mam pojęcia, dlaczego do uzyskania tego efektu w dalszym ciągu używa się javascriptu.

Meef - 29-12-2009, 17:38

prawie dobrze jednak, zniknely linie tabelek i teraz podswietlenie jest wszedzie, nawet gdy przegladam profil to podswietlaja sie wszelkie tabelki.. ;/
Tavaro - 29-12-2009, 18:01

Ech.

index_box.tpl, zamień:
Kod:
<tr>
                    <!-- BEGIN inc -->
                    <td width="46" class="{catrow.forumrow.inc.INC_CLASS}"><img src="{SPACER}" width="46" height="0" /></td>
                    <!-- END inc -->
                    <td class="{catrow.forumrow.INC_CLASS}"

na:
Kod:
<tr class="h">
                    <!-- BEGIN inc -->
                    <td width="46" class="{catrow.forumrow.inc.INC_CLASS}"><img src="{SPACER}" width="46" height="0" /></td>
                    <!-- END inc -->
                    <td class="{catrow.forumrow.INC_CLASS}"

viewforum_body.tpl, zamień:
Kod:
<!-- END normal_topics -->
    <tr>
        <td class="row1" align="center" valign="middle" width="20"><img src="{topicrow.TOPIC_FOLDER_IMG}" alt="" /></td>

na:
Kod:
<!-- END normal_topics -->
    <tr class="h">
        <td class="row1" align="center" valign="middle" width="20"><img src="{topicrow.TOPIC_FOLDER_IMG}" alt="" /></td>


Zamień podany przeze mnie CSS na:
Kod:
table.forumline tr.h {
  background: #fff;
}

table.forumline tr.h td {
  background: transparent;
}

table.forumline tr.h:hover {
  background: #abcdef;
}


To chyba wszystko...

Meef - 29-12-2009, 18:23

DZIEKUJE Wszystko gra :)


Powered by phpBB modified by Przemo © 2003 phpBB Group