Реклама

Главная arrow Статьи arrow Для подготовленных arrow Медитации над настройками: режимы отображения

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

Оглавление
Медитации над настройками: режимы отображения
Страница 2

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

  • Собственные стили страницы включены. Они перекрываются только значениями !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.

Включаем мягкие цвета

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

Настройки Мои шрифты и цвета

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

Комментариев 34


« Пред.   След. »
Прочтите так же...
Joomla! Ukraine