Рамка цитат Ru-Board – простой CSS-инжектор. Задаёт пользовательский стиль обрамления цитат в сообщениях форума Ru-Board. Пример частной реализации кода на базе инжектора V-Link Color. Можно использовать для самостоятельной замены любых свойств CSS для страниц форума.

Предоставляется по лицензии GPL v.3, бесплатно для частного некоммерческого использования.

В этой статье:

• Общее назначение и краткая история создания
• Основные возможности и способ применения
  • Некоторые примеры CSS-правил для форума
• Загрузка и установка

Общее назначение и краткая история создания

Рамка цитат Ru-Board – расширение для браузеров семейства Chromium, автоматически устанавливает пользовательский стиль цитат на форуме Ru-Board.

Основное назначение – обеспечить простое решение поставленной задачи. Главная цель – работоспособность на любых версиях браузеров, нетребовательность к ресурсам и компактность решения.

Расширение создано на основе аддона V-Link Color. В форке использован общий принцип работы (CSS-инжекция без применения скриптов).

Распространяется в виде рабочего инженерного сэмпла, единственная версия которого выпущена в марте 2018 года. В силу того, что у расширения нет интерфейса взаимодействия с пользователем, принципиальная необходимость его локализации отсутствует, язык описания – только русский.

Следует особо отметить, что как и во всех авторских аддонах на этом сайте, в Рамке цитат Ru-Board нет (и никогда не будет) никакой "допустимой" или скрытой рекламы, это расширение не является предметом монетизации.

Автор гарантирует отсутствие в этом расширении каких-либо следящих, "стучащих" и иных "статистических" механизмов, а также любых других средств, направленных на "персонализацию" конечного пользователя с целью получения какой-то коммерческой выгоды.

Основные возможности и способ применения

Как и расширение-прототип, Рамка цитат Ru-Board фактически является простейшим CSS-инжектором и задаёт желаемый стиль рамки цитат в темах форума путём изменения штатного стиля обрамления цитат (CSS-класса .lgf).

Изменение стиля предназначено для улучшения визуального восприятия цитат в сообщениях пользователей форума, которые в Chromium сливаются с текстом самого сообщения (в Firefox цитаты достаточно контрастно выделены штатной рамкой).

Расширение корректно работает в любых, даже достаточно старых, версиях браузеров, не требуя от пользователя никаких дополнительных действий или настроек – стиль цитат на страницах форума устанавливается автоматически.

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

О том, как это работает, и другие технические подробности смотрим в статье V-Link Color : Что "под капотом".

Некоторые примеры CSS-правил для форума

По существу, это расширение является неким "шаблоном-конструктором", позволяющим при желании и минимальных навыках установить свои собственные стили. Инжектируемый стиль можно произвольно изменить и самостоятельно – достаточно просто отредактировать по своему вкусу файл userstyle.css, входящий в комплект аддона.

При этом можно задать и стили для любых других элементов страниц форума, не ограничиваясь только цитатами.

Ниже приводится несколько примеров правил, которые можно просто скопировать в указанный файл.

Замена стиля для рамки цитат

Единственное правило в базовом инженерном релизе (толщина 2px, тёмно-синий цвет):

.lgf{border-width:2px;border-color:navy;}

Или ещё короче:

.lgf{border:2px solid #009;}

Увеличение размера аватарок

Вопрос размера аватарок неоднократно всплывал на форуме, в частности – в теме "Нужны ли аватары более имеющихся 32х32" даже проводилось голосование, результатом которого желающие "хоть что-нибудь увеличить" остались недовольны… :)

В ходе этого обсуждение автором было предложено решение на базе юзер-скрипта, однако наиболее просто задача масштабирования изображений решается с помощью следующего простого правила (для размера аватарок 48х48 px):

td.dats img{width:48px;}

Для улучшения внешнего вида аватарок после масштабирования можно добавить* CSS-фильтры, вот так:

td.dats img{width:48px;
-webkit-filter:contrast(1.25); mix-blend-mode:multiply;}

Аналогичное* правило, с переводом аватарок в серую шкалу:

td.dats img{width:48px;
-webkit-filter:contrast(1.25) grayscale(1); mix-blend-mode:luminosity;}

* Можно заменить свойство -webkit-filter на аналогичное filter (если оно не работает в вашем браузере).

Загрузка и установка

Расширение не имеет практических ограничений по версии браузера, может использоваться на любых хром-браузерах, поддерживающих инжекцию стилей (работоспособность проверена на версиях 17+).

Установщик расширения Рамка цитат Ru-Board доступен на следующих ресурсах:

• Официальная авторская версия на этом сайте
• Официальный авторский архив на MS OneDrive.
• Официальный авторский архив на Яндекс.Диске.
• Официальный авторский архив в Облаке Mail.ru.

При возникновении сложностей с установкой читаем этот совет.

Для работы в режиме "инкогнито" в блоке аддона на странице chrome://extensions включаем опцию:
Разрешить использование в режиме инкогнито [читать матчасть]