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

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

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

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 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

Открыть новую тему     Написать ответ в эту тему

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-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 8980 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:26 26-07-2025
nva54



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Pike5
В Linux это лечится внесением в user.js:
/* Если в новом firefox (> 123) перестала работать тема курсоров***/
user_pref("widget.gtk.legacy-cursors.enabled", true);
В Win10 и Win11  у меня этот ключ есть, хотя я его прописывал только в Линукс, в Винде его у меня в user.js нет, посмотрите что у Вас в about:config. А смену указателей мыши пробовали?

Всего записей: 300 | Зарегистр. 26-09-2001 | Отправлено: 10:19 30-07-2025 | Исправлено: nva54, 16:00 30-07-2025
Pike5

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Спасибо, да, действительно причина в 141 версии, удивила лиса, но я так понимаю, проблема не у всех?
 
nva54
На 141 этот ключ не помогает, на 140.0.4 всё нормализовалось, профиль не влияет. Всё-таки нельзя бежать впереди паровоза, хотя прошло больше недели с релиза.
 
 
Ребята, можете объяснить как работает внутренний переводчик лисы? Хочу, чтобы на англоязычных сайтах она предлагала перевод на русский. У меня eng версия портабла, пробую устанавливать русский в настройках, но браузер продолжает считать, что мне нужен ru|en перевод, хотя однократно получилось, что она автоматом en сайты стала переводить. Пытался и обнулить в about:config ключи translate, не помогло.

Всего записей: 94 | Зарегистр. 01-01-2023 | Отправлено: 21:57 30-07-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Pike5
Пару постов вверх я ясно намекнул, что эта тема не для обсуждения работы самого Firefox, это так трудно понять?

Всего записей: 8980 | Зарегистр. 14-09-2020 | Отправлено: 06:00 31-07-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Cнесло у меня боковую панель в 141-й. Вот кусочек стиля.

Код:
/* Цвет фона и ширина боковой панели п.у. 18em */
#sidebar-box {
    background-color: #A8E4A0 !important;
    width: 22em !important;
}

Как теперь это задать?
Ещё разнесло поле ввода, цвет бордюра. С этим пока сам поковыряюсь, если не справлюсь - спрошу.

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 12:43 03-08-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
Ширина боковой панели запоминается, начиная с v135, может, и нет смысла ее назначать?
Код:
#sidebar-box {
    min-width: 500px !important;
    max-width: 500px !important;
  }
#sidebar-header {
    background: #792B5F !important;
}
#sidebar {
    background: #F4F6F8 !important;
}

Всего записей: 8980 | Зарегистр. 14-09-2020 | Отправлено: 12:56 03-08-2025
xrun1



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

Цитата:
Ширина боковой панели запоминается, начиная с v135, может, и нет смысла ее назначать?

Как раз есть. ;) Этот параметр запускает браузер с нужной шириной и запрещает мне менять.
Спасибо, с цветом понятно.
А вот как быть со строкой поиска?
background не работает, размер не меняется, border местами...
userChrome.css

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 22:56 03-08-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, shadow root переопределяет твои стили, так что либо пробрасывай туда, либо в нем действуй через переменные или явно

Всего записей: 3977 | Зарегистр. 24-10-2002 | Отправлено: 16:28 04-08-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
То, что стиль не работает я понял. Остался вопрос: как убрать 2-х пиксельную обводку поля, когда курсор в поле? Хрен с цветом, я это переживу, а обводка режет глаз.
стиль

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 00:29 05-08-2025
Death_INN

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

Всего записей: 3977 | Зарегистр. 24-10-2002 | Отправлено: 01:39 05-08-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Не работает. Только в библиотеке при фокусе border зелёный и жирный, больше никаких изменений.
Пробовал везде !important добавить, без результата.

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 12:27 05-08-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
Попробовал, бордер узкий без !important. Видимо у тебя какой-то стиль перебивает.

Всего записей: 8980 | Зарегистр. 14-09-2020 | Отправлено: 12:56 05-08-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Нет, стиль не работает, кроме одного момента в окне библиотеки.
Смотри. Профиль чистый, изменил только на компактные значки. Для пущей наглядности, изменил в стиле
--input-text-border-radius: 100px !important;
Курсор в поле поиска! Боковая панель.
Окно библиотеки. Здесь стиль пытается изменить цвет, идёт наложение синего и зелёного.

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 19:01 05-08-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, я тестил на чистом профиле в инлиш FF141 и только в боковой панели. Даже в коде outline не сработал? Глянь тогда в инструментах разраба,  что не так в элементе input

Всего записей: 3977 | Зарегистр. 24-10-2002 | Отправлено: 19:19 05-08-2025 | Исправлено: Death_INN, 19:21 05-08-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
Я см. только в боковой панели, там бордюр узкий, без ореола (цвета мои)
 

Всего записей: 8980 | Зарегистр. 14-09-2020 | Отправлено: 19:30 05-08-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, чтобы захватывало и библиотеку, возьми такой
input#input.with-icon[type="search"]
Не будет работать с переменными, то задай явно, как задавал у себя

Всего записей: 3977 | Зарегистр. 24-10-2002 | Отправлено: 19:45 05-08-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Качнул портабельную русскую 141.0. Не работает. Сейчас качаю английскую. Хочется разобраться, почему у тебя и gutasiho работает.
Чуть позже дополню пост.
UPD: Вот где "собака порыдась". На английской версии работает.
Проблема в первой строке и языковых различиях
"Search bookmarks" <--> "Поиск закладок"
Вариант input#input.with-icon[type="search"] универсален.
Death_INN и gutasiho спасибо за помощь.

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 23:19 05-08-2025 | Исправлено: xrun1, 23:55 05-08-2025
gutasiho

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

Всего записей: 8980 | Зарегистр. 14-09-2020 | Отправлено: 10:15 08-08-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, без очистки кеша?

Всего записей: 3977 | Зарегистр. 24-10-2002 | Отправлено: 10:40 08-08-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Без очистки кэша или стартап-кэша. Если табы открыты, после перезапуска будут в ленивой загрузке.

Всего записей: 8980 | Зарегистр. 14-09-2020 | Отправлено: 11:24 08-08-2025
ZarG



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

В старых версиях Firefox кнопка находилась вроде в правом верхнем углу (с символом 4 квадратов), но в последней версии ее там нет.

Всего записей: 511 | Зарегистр. 22-04-2002 | Отправлено: 00:13 18-08-2025 | Исправлено: ZarG, 00:43 18-08-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

Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js


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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru