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

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

Модерирует : 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 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

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

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

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

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

Цитата:
У меня тёмная тема и все отлично видно.

У меня тоже видно, я просто написал, что их там можно сменить)
 
alloledd
У вас походу какая-то более продвинутая версия кнопки, в этой нет таких меню)
upd уже вижу код)

Всего записей: 394 | Зарегистр. 26-11-2016 | Отправлено: 18:42 07-01-2026 | Исправлено: Yankell, 18:43 07-01-2026
alloledd

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

Цитата:
У вас походу какая-то более продвинутая версия кнопки, в этой нет таких меню)  

Ну в конце предыдущей страницы выложил "продвинутую версию" )

Всего записей: 7656 | Зарегистр. 25-10-2019 | Отправлено: 18:45 07-01-2026
Yankell

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd, ога, пока писал, вы выложили)
Нашёл, это код отсюда

Всего записей: 394 | Зарегистр. 26-11-2016 | Отправлено: 18:49 07-01-2026 | Исправлено: Yankell, 18:52 07-01-2026
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Yankell
Цитата:
Нашёл, это код отсюда  

Да, точно, у меня почему-то ссылка оказалась на первое сообщение в той теме, вот в спешке сразу не ту и выкатил. ))

Всего записей: 7656 | Зарегистр. 25-10-2019 | Отправлено: 19:00 07-01-2026 | Исправлено: alloledd, 19:01 07-01-2026
Yankell

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

Всего записей: 394 | Зарегистр. 26-11-2016 | Отправлено: 19:40 07-01-2026
alloledd

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

Всего записей: 7656 | Зарегистр. 25-10-2019 | Отправлено: 19:47 07-01-2026 | Исправлено: alloledd, 19:52 07-01-2026
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Цитата:
UPD: Добавил скрипт на github https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/blob/main/UserChromeFiles/custom_scripts/mouseoverOpenPopup.js

Вот это не увидел сразу, после редактирования сообщения. Отличная новость. Спасибо.  
 
Добавлено:
Кстати, как бы сделать, чтоб mouseoverOpenPopup.js открывал подменю в Кнопка вызывающая панель BBCode ? Для самой кнопки добавил "ucf-cbbtn-BBCode-Multi". А для подменю чего-то id не находится.

Всего записей: 7656 | Зарегистр. 25-10-2019 | Отправлено: 22:23 07-01-2026 | Исправлено: alloledd, 22:58 07-01-2026
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Да это не способ взаимодействия с контентом, такие стили зарегистрированные методом loadAndRegisterSheet
загружаются всюду во все фреймы.
Вот такое придумалось для неограниченного количества расширений,
скрипт отслеживает их состояние, вкл/выкл и т.д.
Подробнее...

Всего записей: 778 | Зарегистр. 13-10-2013 | Отправлено: 23:30 07-01-2026
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Aris-t2 в последние дни 2025 объявил об окончательном прекращении поддержки и развития своих проектов - жив, здоров, не болен, но семья, дети, работа. Искал преемника, чтобы передать дела ему, желающих не нашлось. Спасибо великому мастеру за все, что он сделал!

Всего записей: 9319 | Зарегистр. 14-09-2020 | Отправлено: 12:41 08-01-2026 | Исправлено: gutasiho, 12:42 08-01-2026
Death_INN

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

Цитата:
Да это не способ взаимодействия с контентом, такие стили зарегистрированные методом loadAndRegisterSheet
загружаются всюду во все фреймы

Это я так выражаюсь. Скрипт интерфейсный, а изменения в контенте

Цитата:
скрипт отслеживает их состояние, вкл/выкл и т.д

Ок, спасибо. Если бы даже стили висели в памяти вне зависимости от вкл/выкл расширений, то ничего страшного бы не случилось, а вот если поменяется uuid (обновление, переустановка) - да, unreg очень кстати.
 
На счет mouseoverOpenPopup.js, то у меня всего одна кнопка, на которой хочется отобразить меню не только при клике, но и при наведении, но это проще сделать в самом скрипте для кнопки, где меню появляется вместо тултипа

Всего записей: 4115 | Зарегистр. 24-10-2002 | Отправлено: 22:56 08-01-2026 | Исправлено: Death_INN, 22:57 08-01-2026
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
С НГ на DeepL изменения, старый стиль сокрытия неиспользуемых языков перестал работать. А это новый стиль, идентификаторы для своего набора языков можно увидеть в Page Source в самом низу.
Может, кто сможет уменьшить высоту выпадающего меню с языками, в котором теперь вместо сотни языков всего 4-6.
Стиль

Всего записей: 9319 | Зарегистр. 14-09-2020 | Отправлено: 12:57 09-01-2026
Death_INN

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

Код:
div[data-radix-popper-content-wrapper] > div > div[style] {
    max-height: 350px !important;
}

Всего записей: 4115 | Зарегистр. 24-10-2002 | Отправлено: 14:21 09-01-2026
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если что у меня на github autoCopy.mjs заменен на autoCopyButton.mjs https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/blob/main/UserChromeFiles/custom_scripts/autoCopyButton.mjs
Кнопка с актером в одном файле, работает только с UCF 2026.1.9

Всего записей: 778 | Зарегистр. 13-10-2013 | Отправлено: 19:01 09-01-2026
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Уважаемый Vitaliy977, а как ее задействовать? Поместил в папку custom_scripts, но UCF не видит ее, хотя версия 2026.1.9
PS Увидел, но что то нигде найти ее не могу. Где она должна появиться?

Всего записей: 1228 | Зарегистр. 22-10-2012 | Отправлено: 21:17 09-01-2026 | Исправлено: Satanachia, 21:20 09-01-2026
Vitaliy977

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

На панели или в хранилище где ей ещё быть. Если обновились правильно и очистка кеша с кнопки не помогает, то попробуйте вручную удалить папку startupCache
Если не в курсе где это находится, то в консоле браузера (не путать с веб консолью) выполнить

Код:
Services.dirsvc.get("ProfLD", Ci.nsIFile).launch();

откроется проводник там и найдете папку startupCache

Всего записей: 778 | Зарегистр. 13-10-2013 | Отправлено: 22:48 09-01-2026
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977,  ваша боковая панель прикольно работает совместно  с  userChrome.js/142/SidebarModoki.uc.js at master alice0775 Получаются двухпанельные закладки, удобно для сортировки, из одной папки  перетаскивать закладки в другую. Посмотрите, может понравится идея.

Всего записей: 7656 | Зарегистр. 25-10-2019 | Отправлено: 22:49 09-01-2026 | Исправлено: alloledd, 22:52 09-01-2026
Vitaliy977

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

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

Всего записей: 778 | Зарегистр. 13-10-2013 | Отправлено: 23:23 09-01-2026
alloledd

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

Цитата:
В чем идея, двухпанельные закладки?

Ну идея такая же, как в TC, две панели напротив друг друга, удобно перемещать.

Цитата:
Ну откройте библиотеку или во вкладке и также перетаскивайте закладки.

 В библиотеке не откроешь разные папки напротив друг друга, а если во вкладке, то боковая панель их будет частично закрывать и толком не видно куда чего.  
 
Добавлено:
Vitaliy977
А вот кстати, SidebarModoki совместно с вкладкой можно использовать, тк она смещает страницу, а не поверх её открывается.

Всего записей: 7656 | Зарегистр. 25-10-2019 | Отправлено: 23:35 09-01-2026 | Исправлено: alloledd, 23:36 09-01-2026
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
Открываешь закладки в табе chrome://browser/content/places/places.xhtml
ПКМ на табе --> Добавить раздельный вид. Во второй таб вставляешь такой же адрес. Получаются две панели.
 
Добавлено:
PADDING_FOR_VBAR = false, // боковая панель выезжает поверх; true - сдвигает; если AUTO_HIDE = false

Всего записей: 1091 | Зарегистр. 26-12-2009 | Отправлено: 23:48 09-01-2026
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1 дык столько лишних движений..., а в итоге откроются не две панели закладок, а две библиотеки, что будет не так удобно. А если использовать боковую панель от Vitaliy977 совместно с SidebarModoki, достаточно нажать одну кнопку и у тебя готовый двухпанельный проводник. Я эту SidebarModoki поставил, только на посмотреть, да так и оставил, когда понял, как это для меня неожиданно удобно получилось.  
 
 
 
Добавлено:
xrun1
Цитата:
PADDING_FOR_VBAR = false, // боковая панель выезжает поверх; true - сдвигает; если AUTO_HIDE = false

И чё предлагаешь, каждый раз скрипт редактировать? Мне ж не нужно, чтоб она постоянно страницу сдвига.

Всего записей: 7656 | Зарегистр. 25-10-2019 | Отправлено: 00:10 10-01-2026
Открыть новую тему     Написать ответ в эту тему

Страницы: 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

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


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

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

LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

Рейтинг.ru

Рейтинг.ru