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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 9372 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Maz, 14:21 23-01-2026
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd у меня только одна выдвижная, которую сам сделал такой, а о каких ты говоришь - понятия не имею

Всего записей: 4148 | Зарегистр. 24-10-2002 | Отправлено: 23:26 12-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, мне вот эти приглянулись
autohide_menubar.css at master · MrOtherGuy/firefox-csshacks
autohide_sidebar.css at master · MrOtherGuy/firefox-csshacks

Всего записей: 7747 | Зарегистр. 25-10-2019 | Отправлено: 23:39 12-12-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd для menubar только одно hover правило. Туда
transition-delay: 1111ms !important;

Всего записей: 4148 | Зарегистр. 24-10-2002 | Отправлено: 00:12 13-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, спасибо. С появлением теперь всё нормально. А нельзя сделать, чтоб задержка была только на появление, а исчезала без. А то пока она исчезает, становится прозрачной и названия меню накладываются на названия вкладок и там получается какой-то кратковременный бардак.  
 
 
Добавлено:
Или чтоб заезжала не прозрачной.

Всего записей: 7747 | Зарегистр. 25-10-2019 | Отправлено: 00:53 13-12-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd продолжительность появления и исчезания - 150ms. Можешь на ноль сбросить, а на ховере установить нужную продолжительность (на появление) через transition-duration
 
Чтоб заезжала не прозрачной, перемести background-color

Всего записей: 4148 | Зарегистр. 24-10-2002 | Отправлено: 03:02 13-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, спасибо, теперь получилось, всё как хотел.  

Всего записей: 7747 | Зарегистр. 25-10-2019 | Отправлено: 03:48 13-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, так а с боковой панелью, как подобную задержку организовать?

Всего записей: 7747 | Зарегистр. 25-10-2019 | Отправлено: 07:23 13-12-2025
Satanachia

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

Всего записей: 1284 | Зарегистр. 22-10-2012 | Отправлено: 10:15 13-12-2025 | Исправлено: Satanachia, 14:54 13-12-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd, там же нулевой transition-delay поэтому и задержки нет. Я тоже код автоскрытия приводил, его можно адаптировать, если нужны revamp или вертикальные вкладки

Всего записей: 4148 | Зарегистр. 24-10-2002 | Отправлено: 15:58 13-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, там оказывается аж четыре этих transition-delay, а я вчера только два заметил, поэтому и не срабатывала задержка. Теперь и с боковой всё нормально. Спасибо за помощь.
Твой код я пробовал, но у меня он почему-то к сожалению не заработал, поэтому и стал искать сторонние.

Всего записей: 7747 | Зарегистр. 25-10-2019 | Отправлено: 16:44 13-12-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd не запахал, потому что в новых версиях нужны стили для сплиттера, а без них панель не выезжает. Вот код, проверял в FF146, но не на чистом профиле

Всего записей: 4148 | Зарегистр. 24-10-2002 | Отправлено: 16:57 13-12-2025 | Исправлено: Death_INN, 16:57 13-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, спасибо позже попробую. А у тебя какая автоскрывается?

Всего записей: 7747 | Зарегистр. 25-10-2019 | Отправлено: 19:37 13-12-2025
grom17



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

Всё ОК, единственное неудобство, приходится мышкой "ловить" у края что-бы панель появилась. Как увеличить эту зону, у меня не получилось.
Сам использую этот код: side_panel_auto_hide
Мне нужно что-бы панель скрывалась в полноэкранном режиме, а в обычном не скрывалась.
У меня моник NEC 30" и мне в обычном режиме вполне достаточно пространства для просмотра страниц.
Если нужно посмотреть действительно большой объём, тогда F11.

Всего записей: 1740 | Зарегистр. 12-10-2002 | Отправлено: 20:32 13-12-2025
Death_INN

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

Цитата:
Как увеличить эту зонy

Задана 3px. Можешь хоть до 50 увеличить

Всего записей: 4148 | Зарегистр. 24-10-2002 | Отправлено: 21:17 13-12-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, шьёрт побьери, работает. Чёт пробовал, не пошло сначала.
 
Добавлено:
...можно сделать так, что-бы в обычном окне панель была не скрыта, а в полноэкранном скрывалась.

Всего записей: 1740 | Зарегистр. 12-10-2002 | Отправлено: 21:44 13-12-2025
Andrewnews

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите как правильно изменить fill или stroke в параметрах svg файла? Например я создаю кнопку:  такая конструкция-  
(async () => CustomizableUI.createWidget({
    id: "ExtraConfigMenu-button", и  т.д.
onBuild(doc) {
1. var х.з = doc.createXULElement("menu");
   х.з.setAttribute("image", "chrome://global/skin/icons/settings.svg");
2. для menuitem
 var х.з= doc.createXULElement("menuitem");
  х.з.setAttribute("image", "chrome://global/skin/icons/settings.svg");
 Пробовал так, ничего не вышло
- х.з.setAttribute("style", 'fill:red;');
- х.з.style.cssText = `--menuitem-icon:url("svg файл");-moz-context-properties:fill;fill:red;`;
 
 

Всего записей: 85 | Зарегистр. 06-10-2008 | Отправлено: 23:41 13-12-2025
KismetT_v3



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Поможите, Б-га ради.
 
После обновления лисы до 146, боковая панель закладок и активная вкладка сменили радикально чёрный цвет (тема Darker Fox) на мутнобледночёрное уродство. Хотелось бы вернуть цвет взад. Скрин уродства.
 
Благодарю.

----------
Это я .... И это тоже я .... Мы из этих

Всего записей: 2591 | Зарегистр. 08-04-2016 | Отправлено: 23:54 13-12-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
KismetT_v3,
Цитата:
Хотелось бы вернуть цвет взад.


Код:
#sidebar { background-color: black; }


Всего записей: 1740 | Зарегистр. 12-10-2002 | Отправлено: 00:41 14-12-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Andrewnews, способов масса. Проверить, что svg.context-properties.content.enabled = true. Пошуровать в инструментах разраба. Привести полный код созданной кнопки

Всего записей: 4148 | Зарегистр. 24-10-2002 | Отправлено: 01:08 14-12-2025
KismetT_v3



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

Цитата:
Цитата:
Хотелось бы вернуть цвет взад.
 
Код:
#sidebar { background-color: black; }
 

 
Благодарю.
В какую часть какого .css это надо вставить?
 
 
Добавлено:
Отвечаю сам себе. В userChrome.css.  
Ещё раз спасибо!

----------
Это я .... И это тоже я .... Мы из этих

Всего записей: 2591 | Зарегистр. 08-04-2016 | Отправлено: 01:27 14-12-2025 | Исправлено: KismetT_v3, 01:38 14-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