PunBB + PE

artoodetoo · #1

Возьмем для примера список тем во viewforum.php

В некоторых стилях список растягивается на всю ширину страницы, а граница между темами отслеживается слабо. Хочется выделить цветом всю строку под курсором.

опять же только для примера возьмем стиль Oxygen. в файл style/imports/Oxygen_cs.css в конец добавляем:

Код:

#punviewforum tbody tr:hover, 
#punviewforum tbody tr:hover .tc2, 
#punviewforum tbody tr:hover .tc3 {
    background:#ddf
}

колонки "Ответов" и "Просмотров" имеют свое описание цвета, поэтому два класса .tc2 и .tc3 пришлось описывать явно.

упоминание #punviewforum здесь стоит чтобы стиль затронул только скрипт viewforum.php
упоминание tbody - чтобы не трогать заголовок таблицы

VoiD · #2

для топиков может пригодится кому

Код:

/*подсветка в топиках*/
#punviewtopic  div:hover .postright, 
#punviewtopic  div:hover .postleft, 
#punviewtopic  div:hover .postfootright,
#punviewtopic  div:hover .box,
#punviewtopic  div:hover .blockpost,
#punviewtopic  div:hover .postfootleft {
    background:#dddddd
}

теперь вопрос:
как сделать, чтобы не было подсветки шапки сайта при наведении?

artoodetoo · #3

как сделать, чтобы не было подсветки шапки сайта при наведении?

я же написал в первом посте — надо указывать слово TBODY, тогда правило работает только в теле таблиц.

VoiD · #4

для viewforum работает, но viewtopic на div-ах построен, там таблиц нет вообще(

artoodetoo · #5

правильнее будет вот так

Код:

#punviewtopic  div.postfootright:hover

и, кстати, в IE6 не будет работать без специальных ухищрений. поиск по строке CSS IE6 hover workaround должен помочь

PunBB + PE

28.06.2007 09:07:59 #1: artoodetoo ↓

CSS: Как выделить "горячую" строку в таблице под курсором мышки?

Код:

09.01.2008 20:46:25 #2: VoiD ↓

Re: CSS: Как выделить "горячую" строку в таблице под курсором мышки?

Код:

10.01.2008 08:13:18 #3: artoodetoo ↓

Re: CSS: Как выделить "горячую" строку в таблице под курсором мышки?

10.01.2008 08:33:16 #4: VoiD ↓

Re: CSS: Как выделить "горячую" строку в таблице под курсором мышки?

10.01.2008 16:22:04 #5: artoodetoo ↓

Re: CSS: Как выделить "горячую" строку в таблице под курсором мышки?

Код:

Board footer