Медитации над настройками: режимы отображения

Теперь взглянем на левую сторону, режим автора.

• Собственные стили страницы включены. Они перекрываются только значениями !important из пользовательских стилей или включаемых стилей.
• Оформление тэгами на странице также в силе.
• Включены пользовательский стиль и включаемые стили.
• Для прочих элементов стилем включаются настройки шрифтов и цветов.
• Для ссылок, не охваченных всеми вышестоящими стилями включаются настройки ссылок.

На выходе мы получаем страницу с оформлением таким, каким его хотел сам автор плюс перекрытия пользовательского и включаемых стилей. А чем это лучше стандартных установок? Тем, что через установку флажка «Моя таблица стилей» в режиме автора мы можем комбинировать включаемые стили.

Комбинировать включаемые стили можно в меню «Вид» → «Стиль». После чистой установки их набор такой:

• Эмулировать текстовый браузер (textonly.css) – включает DOS-оподобный вид страницы и подсказку для работы с Opera через клавиатуру.
• Ностальгия – (nostalgia.css) ещё одна машинка времени. В конце страницы появляется даже мигающий курсор. Вызывает одноимённое чувство.
• Разметка для плохо видящих (accessibility.css) – мягкие цвета, укрупнённый шрифт и снова клавиатурная подсказка.
• Показывать только картинки и ссылки (imageandlinkonly.css).
• Высокая контрастность в двух вариантах (contrastbw.css и contrastwb.css) – чёрным по белому и наоборот.
• Скрывать картинки без ссылок (hidenonlinkimages.css).
• Скрывать элементы определённых размеров (hidecertainsizes.css) – своего рода блокировщик рекламных баннеров, в этом стиле прописаны стандартные размеры рекламных баннеров и всё элементы совпадающие с ними по габаритам не будут закачиваться и отображаться на странице.
• Отключить таблицы (disabletables.css).
• Показывать структурные элементы (showstructure.css) – включает отображение структуры тэгов отображая их на макет. В заголовок страницы добавляются ссылки на подключённых стилях и скрипты, в конец вписывается результат подсчёта вложенных таблиц и других нежелательных элементов.
• С отладочным контуром (debugwithoutline.css) – включает границы разных цветов вокруг различных элементов: div, table, tr, td и прочих.

Последние два стиля можно использовать для изучения анатомических подробностей сайта. Вот так выглядит, например, заглавная страница портала userjs.org если включить оба:

А вот так выглядит другая страничка с хорошим содержанием, но пыточным оформлением. Как хорошо что у нас есть accessibility.css.

Хотя вы можете и без стилей, сами, настроить мягкий режим по вашему вкусу изменив настройки «Обычный шрифт», «Моноширинный шрифт» и «Цвет фона» в «Настройки» → «Веб-страницы», тогда эти настройки будут включаться в режиме автора.

Список включаемых стилей можно произвольно изменять и расширять, но это уже немного другая история…