Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?
Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация
Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js (Часть 1)
Применение пользовательских стилей и скриптов в Firefox

Модерирует : gyra, Maz

Maz (23-01-2026 14:24): Mozilla Firefox: стили userChrome.css и скрипты js (Часть 2)  Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200

   

gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору



В теме обсуждается настройка внешнего вида Firefox с использованием userChrome.css, userContent.css, а так же использование скриптов js (uc.js).
Родственные темы: Mozilla Firefox | Расширения для Firefox
 
Обсуждение на "Форуме Mozilla Россия":
Настройка внешнего вида Firefox в userChrome.css,
UCF - ваши кнопки, темы, дополнения, скрипты…
 
Темы на GitHub:
Aris-t2 CustomCSSforFx | Aris-t2 CustomJSforFx | xiaoxiaoflood/firefox-scripts | Endor8/userChrome.js | Alice0775 userChrome.js  
VitaliyV UCF - UserChromeFiles | MrOtherGuy/firefox-csshacks (known as MOG) | VicDobrov UCF-скрипты

Просьба публикуемые коды заключать в тэг [code][/code] (из выпадающего меню), а коды более 10 строк - в двойной тэг [more][code][/code][/more] Подробное разъяснение.
 
Как подключить скрипты JS:
метод Aris-t2 | метод xiaoxiaoflood | метод Endor8 | метод user_chrome_files (UCF)
Как подключить скрипты JSM, MJS в загрузчик скриптов от Aris-t2 , а если у вас Firefox v117+, то дополнительно...
 
Еще один способ активации, нюансы: скрипты можно поместить в пользовательслую папку, можно не прописывать активацию каждого скрипта отдельно.
 
Куда вписывать код для стиля userChrome.css и userContent.css
1\ Также не забываем про такую строку в user.js / prefs.js (для включения userChrome.css и userContent.css):
Код:
// Turn on userChrome.css and userContent.css support
// Включить поддержку userChrome.css и userContent.css
user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true);  
либо эту настройку включить через about:config.
2\ v136+: отключить CSP (Content Security Policy - Политика безопасности контента), снижает безопасность!:
Код:
security.browser_xhtml_csp.enabled = false
3\ v139+: если некоторые скрипты JS не работают, можете сделать так, снижает безопасность!:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

Полезные ссылки
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 9389 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Maz, 14:21 23-01-2026
alloledd

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Andrewnews
Цитата:
Еще короче одним файлом для UCF  Подробнее... [?]
 

Обнаружился конфликт toggleGifAnimation.js с расширением (моим любимым))  Bookmark search plus 2. Если в контекстном меню выбрать Properties, New Folder или New Bookmark, то кнопка перестаёт работать до следующей перезагрузки FF.
Всего записей: 7780 | Зарегистр. 25-10-2019 | Отправлено: 19:51 19-12-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17

Цитата:
Как настроить меню библиотеки с помощь ctrl+shift+alt+i  

Смени в инструментах текущий документ на chrome://browser/content/places/places.xhtml
Всего записей: 4152 | Зарегистр. 24-10-2002 | Отправлено: 19:53 19-12-2025
Andrewnews

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd я не создавал этот код, только адаптировал из СВ под скрипт, поэтому толком ничем помочь не могу. Извини.
Всего записей: 90 | Зарегистр. 06-10-2008 | Отправлено: 19:56 19-12-2025
alloledd

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Andrewnews
Цитата:
я не создавал этот код, только адаптировал из СВ под скрипт, поэтому толком ничем помочь не могу. Извини.

Печально.
 
Vitaliy977, тогда только на вас опять вся надежда, помогите плиз, разрешить мой очередной конфликт )
Всего записей: 7780 | Зарегистр. 25-10-2019 | Отправлено: 20:23 19-12-2025 | Исправлено: alloledd, 20:23 19-12-2025
Vitaliy977

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
Bookmark search plus 2 не при делах, если открыть новое окно браузера будет также,
исправляйте кнопку
// var gifAnimation = this.gifAnimation = {
var gifAnimation = {
 
// btn.addEventListener("command", e => this.gifAnimation.toggle());
btn.addEventListener("command", e => gifAnimation.toggle());
 
Кстати FrameScript'ы это устаревший способ добраться до контента, поэтому если обнаружите что на каком-то сайте не работает не удивляйтесь.
Всего записей: 850 | Зарегистр. 13-10-2013 | Отправлено: 21:19 19-12-2025
alloledd

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Цитата:
исправляйте кнопку
// var gifAnimation = this.gifAnimation = {
var gifAnimation = {
 
// btn.addEventListener("command", e => this.gifAnimation.toggle());
btn.addEventListener("command", e => gifAnimation.toggle());  

Исправил, теперь всё работает, конфликт исчез. Спасибо.

Цитата:
Bookmark search plus 2 не при делах, если открыть новое окно браузера будет также,  

Не, у меня было именно так, как я выше описал. В новом окне кнопка работала, редактирую закладку в  Bookmark search plus 2 и кнопка переставала переключать.

Цитата:
Кстати FrameScript'ы это устаревший способ добраться до контента, поэтому если обнаружите что на каком-то сайте не работает не удивляйтесь.

Ну так кнопка древняя же CB ещё от Infocatcher, но другой то нет, что б переключала анимацию, без перезагрузки страницы. Но пока мне сайты, где б она не срабатывала, не встречались.
Всего записей: 7780 | Зарегистр. 25-10-2019 | Отправлено: 21:41 19-12-2025
Vitaliy977

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd

Цитата:
Не, у меня было именно так, как я выше описал. В новом окне кнопка работала, редактирую закладку в  Bookmark search plus 2 и кнопка переставала переключать.

Webextension в принципе не могут создавать своих окон, они лишь могут попросить браузер, а тот запускает полноценное такое окно браузера только со скрытыми панелями и кнопками.
И вы говорите в новом окне кнопка работала, а в старом надо было проверять, вот там то и не работала.
Всего записей: 850 | Зарегистр. 13-10-2013 | Отправлено: 21:54 19-12-2025 | Исправлено: Vitaliy977, 21:59 19-12-2025
grom17



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN,
Цитата:
Смени в инструментах текущий документ на chrome://browser/content/places/places.xhtml

Очень странно, открывается новая вкладка, а там совсем другие настройки (по умолчанию) совсем не такие как у меня.
Если конечно я правильно сделал, вставил chrome://browser/content/places/places.xhtml в адресную строку.
Всего записей: 1751 | Зарегистр. 12-10-2002 | Отправлено: 22:24 19-12-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, причем тут адресная строка? Речь шла об окне инструментов, где выбор документа на кнопке, чуть левее трех точек
Всего записей: 4152 | Зарегистр. 24-10-2002 | Отправлено: 22:37 19-12-2025 | Исправлено: Death_INN, 22:41 19-12-2025
grom17



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN,
Цитата:
причем тут адресная строка?

ёклмн, чёт затупил я. Спасибо, получилось!
Всего записей: 1751 | Зарегистр. 12-10-2002 | Отправлено: 22:47 19-12-2025
Satanachia

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977

Цитата:
Зачем FullTheme вообще вам надо, на этот как его там форк, тема похоже даже не работает как задумано там?

Вы правы. Мне действительно от вашего стиля, нужно только одно. Очень красивое оформление фона с цветом шрифтов в контекстном меню
Картинка
Блин все бы ничего, можно было бы и так. Даже картинку не стал бы трогать, но кнопка эта красная ужасна
Может поможете? Да и если бы какой то вариант, именно с тем, что мне понравилось, то больше и не надо ничего.
Всего записей: 1295 | Зарегистр. 22-10-2012 | Отправлено: 02:10 20-12-2025
alloledd

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
autoCopy.mjs рабочий? А то у меня чего-то только выделенное мигает и ничего никуда не копирует.
Всего записей: 7780 | Зарегистр. 25-10-2019 | Отправлено: 08:33 20-12-2025
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
Фон конт. меню, тип и цвет шрифта в нем, все легко решается стилем в userChrome.css, а картинка в userContent.css. Причем в теме все это есть не раз, поэтому разжевывать нечего. Поиск по ключевым словам в режиме "версия для печати".
Кнопка, которая красная ужасна, возможно, это appbutton.js и appbutton.css, попробуйте их грубо закомментировать (переименовать) и перезапустить с очисткой кэша автозапуска. Но если и сработает, то это будет костыль.
Всего записей: 9389 | Зарегистр. 14-09-2020 | Отправлено: 08:50 20-12-2025
Vitaliy977

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia

Цитата:
нужно только одно. Очень красивое оформление фона с цветом шрифтов в контекстном меню
Блин все бы ничего, можно было бы и так. Даже картинку не стал бы трогать, но кнопка эта красная ужасна

Все цвета в меню и кнопке берутся из текущей темы Firefox, например кнопка у меня синяя а не красная и т.д.
Если вам нужно только меню ну и возьмите только custom_styles/menu.css + папку custom_styles/svg
 
alloledd

Цитата:
autoCopy.mjs рабочий? А то у меня чего-то только выделенное мигает и ничего никуда не копирует.

Ну да рабочий сам пользуюсь, если мигает значит должен работать копировать в буфер обмена, но у вас могут быть странности как с Ctrl+C
Всего записей: 850 | Зарегистр. 13-10-2013 | Отправлено: 09:43 20-12-2025
alloledd

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Цитата:
у вас могут быть странности как с Ctrl+C

Вот я это и подозревал. )
Всего записей: 7780 | Зарегистр. 25-10-2019 | Отправлено: 09:54 20-12-2025
Yankell

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, Ваш вариант работает! Большое спасибо.
Всего записей: 438 | Зарегистр. 26-11-2016 | Отправлено: 09:59 20-12-2025
Satanachia

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Уважаемый Vitaliy977! Я уже сам проэкспериментировал с файлами menu и menu_max138, правда без папки svg. На 128 релизе все сработало.
Скрины прилагаю. А вот выше не получилось ничего. Уже на r3dfox_128.14.1 меню сломалось, скрин тоже прилагаю. Пробовал до 145 релиза, проблема та же самая. Помогите пожалуйста. По кнопке, тоже полный абсурд. Почему то на чистом вашем UserChromeFiles, при скрытии панели меню, кнопка не создается, а на  
FullTheme она появляется. Собственно на 128.6 ESR релизе, при описанном варианте, этой проблемы нет.
Так что, остается разобраться с поломкой на старших версиях.
Скрины рабочиеСкрины 128
Сломанные меню r3dfox_128.14.1
PS Оказывается срабатывает только menu_max138 и только на 128 релизе
Скрин
 
Добавлено:
gutasiho
И вам спасибо. Увы не нашел
Цитата:
Фон конт. меню, тип и цвет шрифта в нем, все легко решается стилем в userChrome.css, а картинка в userContent.css. Причем в теме все это есть не раз, поэтому разжевывать нечего. Поиск по ключевым словам в режиме "версия для печати".  

Я все таки не совсем тупой. Что то смог найти, отписал об этом. ладно, все понятно. Буду сидеть на 128, пока не сдохну сам уже.
Всем спасибо.
Всего записей: 1295 | Зарегистр. 22-10-2012 | Отправлено: 11:56 20-12-2025 | Исправлено: Satanachia, 12:14 20-12-2025
Vitaliy977

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
Пришлось скачать на посмотреть что за чудо этот ваш r3dfox, много не смотрел, но похоже что даже новый r3dfox-146.0
по внутренностям не выше 138 версии Firefox, по крайней мере на ней работает menu_max138 с некоторыми правками
menu_max138
 
А что обновить систему выше Windows 7 чтобы пользоваться нормальным Firefox, никак?
А то морочите тут всем голову вашим r3dfox.
 
Добавлено:

Цитата:
По кнопке, тоже полный абсурд. Почему то на чистом вашем UserChromeFiles, при скрытии панели меню, кнопка не создается, а на  
FullTheme она появляется.

Как говорится ничего не понятно но очень интересно. Собственно так и задумано в FullTheme эта кнопка находится а не в UserChromeFiles.
Всего записей: 850 | Зарегистр. 13-10-2013 | Отправлено: 13:31 20-12-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977

Цитата:
FrameScript'ы это устаревший способ добраться до контента

Можно на примере этого скрипта переделать без подгрузки фрейм скрипта? Интересует способ без создания актера. Как это я понимаю.
1) Делаем onCommand асинхронным
2) Предположим, что у меня общий дочерний актер уже есть, который срабатывает на всех http(s) страницах по событию pageshow. Нужно в скрипте подключиться к этому актеру, послать сообщение. В дочернем актере сработает функция receiveMessage. Как эту функцию правильно написать? Наверное, лучше сделать, чтобы она ничего не возвращала, а сразу меняла imageAnimationMode? Если да, то в этом случае сам справлюсь
Всего записей: 4152 | Зарегистр. 24-10-2002 | Отправлено: 13:53 20-12-2025 | Исправлено: Death_INN, 13:54 20-12-2025
Satanachia

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977

Цитата:
А что обновить систему выше Windows 7 чтобы пользоваться нормальным Firefox, никак?

К сожалению никак. У меня старый комп даже для семерки. Откуда у пенса деньги?
Ясно
Цитата:
Как говорится ничего не понятно но очень интересно. Собственно так и задумано в FullTheme эта кнопка находится а не в UserChromeFiles.  

Я имел в виду, что на Как говорится ничего не понятно но очень интересно. Собственно так и задумано в FullTheme эта кнопка находится а не в UserChromeFiles, кнопки нет и не надо))))  
menu_max138 вроде работает
Всего записей: 1295 | Зарегистр. 22-10-2012 | Отправлено: 13:55 20-12-2025 | Исправлено: Satanachia, 14:01 20-12-2025
   

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200

Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js (Часть 1)
Maz (23-01-2026 14:24): Mozilla Firefox: стили userChrome.css и скрипты js (Часть 2)


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.Board
© Ru.B0ard 2000-2026

LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

Рейтинг.ru