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

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в 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-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 9382 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Maz, 14:21 23-01-2026
grom17



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
У себя убрал папки в sidebar, понравилось, пока так оставлю.
sidebar_removes_folder_icon
Всего записей: 1744 | Зарегистр. 12-10-2002 | Отправлено: 19:56 18-12-2025
Capushon

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys:
Цитата:
ты меня никогда в жизни не сможешь уломать переехать на Фарефокс или Ватерфокс )))) по любому Вивальди в 100 раз лучше и быстрее!!!!!  
И не собираюсь, просто показываю что интерфейс и функционал можно скопировать на 99% при переезде с хрома на фокс. А по поводу скорости - ты сильно ошибаешься, любой Хром проиграет фоксу, хватит накушался я Вивальди с его тормозами и багами.
Всего записей: 5273 | Зарегистр. 18-07-2006 | Отправлено: 19:58 18-12-2025
pangasiys



Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Capushon
очень и очень жалко не ток мне одному а всем вивальдовцам что ты нас БРОСИЛ, ты там нам очень был полезен помогал нам там музыку в загрузку встраивать удалять там ненужное и много ещё чего вот терь кто без тебя все это будет там делать? кроме тебя некому потому что только ты один соображаешь



флуд
Всего записей: 7218 | Зарегистр. 05-06-2012 | Отправлено: 21:25 18-12-2025 | Исправлено: Maz, 19:37 19-12-2025
Vitaliy977

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

Цитата:
Не думаю, что у него проблема с реализацией, просто есть такие, кто не воспринимают тёмные стили в принципе.  Скорее он из их числа.

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

Цитата:
Кстати, заметил, что в контекстном меню закладок в sidebar_tabs.js не работают расширения

Да верно, но там ext-menus.js завязан на оригинальном сайдбаре, поэтому муторно с этим.
Всего записей: 849 | Зарегистр. 13-10-2013 | Отправлено: 22:22 18-12-2025
Capushon

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys:
Цитата:
вот терь кто без тебя все это будет там делать?
На Фокc нужно всем переползать, однозначно, он проще в разных ковыряниях и модификациях. Ну и работает как-то чётче, без соплей как у хромов.
Всего записей: 5273 | Зарегистр. 18-07-2006 | Отправлено: 23:08 18-12-2025
Andrewnews

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Может кто нибудь объяснить в чем дело - применяю стиль: #bookmarks-menu-button {fill: green !important;}
В результате вместо изменения только цвета одной кнопки - #bookmarks-menu-button, изменяются цвета еще всех остальных в этом меню - #BMB_bookmarkThisPage, #BMB_viewBookmarksSidebar, #BMB_bookmarksShowAll. В результате приходится и еще их изменять
Всего записей: 90 | Зарегистр. 06-10-2008 | Отправлено: 23:38 18-12-2025
Vitaliy977

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

Цитата:
применяю стиль: #bookmarks-menu-button {fill: green !important;}
В результате вместо изменения только цвета одной кнопки - #bookmarks-menu-button, изменяются цвета еще всех остальных

Потому что menupopup#BMB_bookmarksPopup находится в этой кнопке, поэтому это всё и наследуется.
Используйте так
#bookmarks-menu-button > .toolbarbutton-icon {fill: green !important;}
Всего записей: 849 | Зарегистр. 13-10-2013 | Отправлено: 23:47 18-12-2025
Andrewnews

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977 Спасибо ошибку свою понял. Давно вы делали скрипт Download_addPauseButton и отдельно файл стиль чтобы иконки видно было, а возможно ли совместить все это в одном скрипте. Сам скрипт Подробнее...
и стиль Подробнее...
И второй вопрос  в Вашем дополнении Add Toolbar Buttons (сказать хочется отдельно спасибо за примеры этих кнопок) мне захотелось вытащить кнопку  и сделать свой вариант text-to-link  и link-to-text. Но так как у Вас завязано  и еще там на отдельный файл ATBWinActorChild, мне тоже пришлость делать 2 файла сама кнопка Подробнее... и втройой файл Подробнее...
Можете ли мне упрстиь создание этой кнопки в одном файле
Всего записей: 90 | Зарегистр. 06-10-2008 | Отправлено: 00:02 19-12-2025 | Исправлено: Andrewnews, 00:19 19-12-2025
Yankell

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вопрос, наверно, сложный, но не спрошу, не узнаю. Встречал ли кто-то в природе скрипт, перехватывающий все обращения к папке загрузок так, чтоб она всё время открывалась во вкладке? Не кнопку на панель, а чтоб отовсюду открывалась - из меню значка, из гамбургера, из аддонов других расширений, если они к ней обращаются. Единственное, что встречал с таким поведением - древняя версия S3, которую до этого времени тянул ксяо, ставил её только ради этого, но ксяо вроде как свои работы забросил, это расширение пофиксил здесь другой человек. Не знаю, воплощение этого слишком сложно, или это я единственный, кому нужна такая штука.
И ещё вопрос. Поправим ли тот баг от обновлений, из-за которого клики по меню старых версий скриптов перестали работать? Можно ли их исправить по шаблону, грубо говоря, как в своё время XUL на XULElement, изменив определённые строки, или каждый скрипт надо отдельно смотреть?
Всего записей: 436 | Зарегистр. 26-11-2016 | Отправлено: 11:45 19-12-2025
Satanachia

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Подскажите пожалуйста, как в вашем FullTheme, сменить картинку главной страницы?
После применения вашего стиля, если закрыта панель меню, появляется кнопка
Картинка
Можно ли избавиться от нее?
Всего записей: 1290 | Зарегистр. 22-10-2012 | Отправлено: 12:24 19-12-2025 | Исправлено: Satanachia, 12:38 19-12-2025
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
FullTheme не использую, но беглый взгляд показывает, что нужно найти в стиле картинки background.png и background-dark.png и заменить на свои с теми же именами.
Кроме того, не трогая указанный стиль, картинку можно сменить стилем в userContent.css, код многократно повторялся в этой теме.
 
Добавлено:
Yankell
Каждый скрипт надо смотреть отдельно.
Всего записей: 9382 | Зарегистр. 14-09-2020 | Отправлено: 12:48 19-12-2025
Satanachia

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Пробовал найти background.png и background-dark.png. Увы!
Всего записей: 1290 | Зарегистр. 22-10-2012 | Отправлено: 13:32 19-12-2025
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
...\FullTheme\chrome\user_chrome_files\custom_styles\png\background.png
...\FullTheme\chrome\user_chrome_files\custom_styles\png\background_dark.png
Всего записей: 9382 | Зарегистр. 14-09-2020 | Отправлено: 14:16 19-12-2025
Yankell

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Понятно, спасибо.  
Спрошу тогда про самый важный. Раньше у Dobrov-а был скрипт QuickToggle, который он потом слил с hookClicks. Этот скрипт давно не обновлялся и в 140 не работает вообще никак, даже не появляется. Я нашёл здесь рабочую, но сильно урезанную версию, где нет самого для меня важного, переключения юзерагента. Пробовал перенести туда этот кусок кода (это часть оригинала, не знаю, нужен ли скрипт целиком), но скрипт сразу исчезает из браузера, как я понял, ему не нравятся квадратные кавычки внутри квадратных кавычек, как только добавляю эту часть, тут он и пропадает. Возможно ли как-то встроить эту функцию в работающий код? Знаю, что есть много расширений, но скрипт удобнее и легче.
Всего записей: 436 | Зарегистр. 26-11-2016 | Отправлено: 14:35 19-12-2025
alloledd

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Цитата:
Да верно, но там ext-menus.js завязан на оригинальном сайдбаре, поэтому муторно с этим.

А принудительно туда каждое расширение по отдельности как-то возможно прописать?
Всего записей: 7773 | Зарегистр. 25-10-2019 | Отправлено: 14:42 19-12-2025
Satanachia

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
То есть сами картинки менять надо блин. Как все сложно (((((

Цитата:
FullTheme не использую, но беглый взгляд показывает, что нужно найти в стиле картинки background.png и background-dark.png и заменить на свои с теми же именами.
Кроме того, не трогая указанный стиль, картинку можно сменить стилем в userContent.css, код многократно повторялся в этой теме.  

Не получается картинку сменить стилем в userContent.css, код многократно повторялся в этой теме.  
Нашел несколько вариантов кодов, но как их применить хрен знает. Ладно, проживу как нибуть и так.
Благодарю, что ответили
Всего записей: 1290 | Зарегистр. 22-10-2012 | Отправлено: 14:48 19-12-2025
grom17



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как настроить меню библиотеки с помощь Инспектора?
Что-то у меня не срабатывает по ctrl+shift+alt+i
Всего записей: 1744 | Зарегистр. 12-10-2002 | Отправлено: 16:10 19-12-2025 | Исправлено: grom17, 20:25 19-12-2025
Vitaliy977

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Andrewnews
downloadPauseResumeButton
 
textToLinkActorChild.mjs
 
 
Добавлено:
alloledd

Цитата:
 А принудительно туда каждое расширение по отдельности как-то возможно прописать?

Нет это костыль, может ещё посмотрю что можно сделать с sidebar_tabs.js, хотя так работает и то хорошо
Satanachia
Зачем FullTheme вообще вам надо, на этот как его там форк, тема похоже даже не работает как задумано там?
Всего записей: 849 | Зарегистр. 13-10-2013 | Отправлено: 18:46 19-12-2025 | Исправлено: Vitaliy977, 19:24 09-01-2026
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Yankell
Вы про кнопку-пример QuickToggleAboutConfigSettings, ссылку на которую дали?
Перенёс тула Ваши параметры UserAgent, работает.
QuickToggleAboutConfigSettings.js
Всего записей: 1100 | Зарегистр. 26-12-2009 | Отправлено: 19:16 19-12-2025 | Исправлено: xrun1, 19:18 19-12-2025
Andrewnews

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977 спасибо, а как назвать решать Вам. Вы автор.
Всего записей: 90 | Зарегистр. 06-10-2008 | Отправлено: 19:44 19-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