[решено] Разукрашивание сайтов по-своему, подменой CSS и Классов

Prisoner · Отправлено: **12:56, 19-10-2006** | #2

Цитата:

Вот это класс через подмену CSS не изменяется.

Имеется ввиду редактированием userContent.css? У меня

получилось изменить следующим образом

Код:

td.alt1Active
{
 background-color: red !important;
}

Класс это некий набор стилевых описаний который применяется к тому или иному элементу. Существуют несколько способов записи классов. Самые распространенные:

Цитата:

.className - к любому элементу при записи в его теле class="className" будут применены стили описанные внутри класса.
element.className - только к элементу element при записи в его теле class="className" будут применены стили описанные внутри класса.

В вышеприведенном примере класс alt1Active окажет влияние только на элементы ячеек. Даже если класс будет применен к таблице или же к div, то при такой записи его стилевые описания будут проигнорированы.

hasherfrog · Конфигурация компьютера

А как тогда его достать? CSS я вытягиваю через document.styleSheets, а классы?

Prisoner · Отправлено: **13:48, 19-10-2006** | #4

Чую какое-то непонимание или в терминах, или более общего порядка

.
Букмарклет по сути выдает содержимое прикрепляемого css файла (в случае осзоны это что-то вроде http://forum.oszone.net/clientscript...13f6-00006.css). Т.о. список классов есть. Что же требуется?

hasherfrog · Конфигурация компьютера

>> по сути выдает содержимое прикрепляемого css файла
Не совсем так, по-моему. Это "пожёваный браузером" .css-файл, причём там некоторых стилей нет почему-то.
Но дело не в этом.

Стиля "td.alt1Active" нет ни там, ни в листинге, выводимом моём букмарклете! Он-то откуда? Из css-файла? Нет. Как этот класс подцепить из javascript'а?

ivank · Отправлено: **14:07, 19-10-2006** | #6

hasherfrog
можно привязаться к мозиле (хотя, может, это и стандартная функция. не знаю). Тогда можно будет с помощью XPath/XQuery через document.evaluate получить все теги, у которых установлен атрибут class. Если уж привязываться к мозиле (и опере), то можно офорсить перераскраску в виде greasemonkey/user.js скрипта, что бы она автоматически срабатывала. Да и не только раскраску так можно реализовать.

hasherfrog · Конфигурация компьютера

ivank
>> о можно офорсить перераскраску в виде greasemonkey/user.js скрипта
Да, но через userContent.css получается вроде как ближе и правильнее, потому что не надо устанавливать greasemonkey.

>> XPath/XQuery через document.evaluate получить все теги
Круто. Я так не умею. Это в смысле перебрать все-все теги внутри html на наличие атрибута class?
А где всё-таки эти class определены-то? Например, на этом вот форуме? Я их не вижу чего-то, но они вовсю используются :-/

ivank · Отправлено: **14:54, 19-10-2006** | #8

hasherfrog
Может они вообще не определены. У нас такое вполне может быть

Prisoner · Отправлено: **15:09, 19-10-2006** | #9

На этом форуме классы, в частном случае alt1Active, определены в css файле:

Код:

.alt1, .alt1Active
{
background-color: #F5F9FE;
color: #000000;
}

Данная запись читается следующим образом: для любых элементов с class="alt1Active" или class="alt1" установить такие-то и такие-то свойства. По сути это описание создает два одинаковых класса с разными именами. Однако потом один из них может расширен, чего в случае нашего форума, правда, на первый взгляд, не делается

.

Обойти все элементы можно и иначе: elements = (document.all) ? document.all : document.getElementsByTagName("*"); Здесь elements - коллекция всех элементов документа. Циклом по ним и смотрим в свойство className - значение атрибута class элемента.

hasherfrog · Конфигурация компьютера

Кое-что прояснилось, спасибо.

Тогда такой вопрос. Почему на некоторых сайтах получить список CSS не получается? Например, букмарклет глохнет на mail.ru

/* Кстати, инфа из userContent.css перебивает изменённые букмарклетами цвета.
То есть, ВИДИМО, стили, применённые greasemonkey, окажутся "слабее" userContent.css */

Что прояснилось-то, забыл сказать
1. некоторые стили могут быть попросту не определены (даже у нас) - спасибо ivank, я чего-то не допёр :-)
2. стили для классов применяются не один раз, а сложносочинённо - спасибо Prisoner
2. введение специального стиля в userContent.css позволит контролировать составные (перебивать п.2) - спасибо Prisoner еще раз :-)