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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 160 161 162 163 164 165 166 167

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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть самое лучшее расширение для работы с закладками Bookmark search plus 2 и это даже не обсуждается. А теперь - внимание, вопрос на засыпку, как закрасить белую полоску?

Всего записей: 7455 | Зарегистр. 25-10-2019 | Отправлено: 07:20 22-11-2025 | Исправлено: alloledd, 07:24 22-11-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
В те времена я как-то закрашивал (внешний css-стиль), но сейчас рецепт не смог найти. Расширение слегка потеряло актуальность после того, как в браузер, сравнительно недавно, внедрили опцию поиска в закладках (в боковой панели, в библиотеке, в библиотеке в табе).

Всего записей: 9139 | Зарегистр. 14-09-2020 | Отправлено: 08:13 22-11-2025 | Исправлено: gutasiho, 09:54 22-11-2025
Capushon

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd:
Цитата:
как закрасить белую полоску?
Инспектор же есть(исследовать элемент), в нём понять что закрашивать, далее распаковать расширение, изменить и установить назад.

Всего записей: 5217 | Зарегистр. 18-07-2006 | Отправлено: 08:49 22-11-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
Надо распаковать расширение и смотреть в нём стили. Для этого способа, после переустановки Firefox, придётся перезаписывать ID в стиле. У меня, например, так (цвет фона):

Код:
/*------ Imagus ------*/
@-moz-document url-prefix(moz-extension://91e7b264-359e-4d30-a0c6-ff65902f7849/options.html) {
body {
  background-color: orange !important;
}
  #right_panel > aside {background-color: lightgreen !important}
  #sieve_container > .selected > span {color: blue !important}
}

 

Всего записей: 1063 | Зарегистр. 26-12-2009 | Отправлено: 11:00 22-11-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
Правильно ли я понял в соседней ветке, что нужен скрипт для тултипов у мышки? Их есть у меня, если что. Для UCF скрипт+кнопка вкл/выкл и для обезьяны.

Всего записей: 1063 | Зарегистр. 26-12-2009 | Отправлено: 20:21 22-11-2025 | Исправлено: xrun1, 21:10 22-11-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
В те времена я как-то закрашивал (внешний css-стиль), но сейчас рецепт не смог найти. Расширение слегка потеряло актуальность после того, как в браузер, сравнительно недавно, внедрили опцию поиска в закладках (в боковой панели, в библиотеке, в библиотеке в табе).

Был стиль от Виталия, но пока тоже не найду. Ну если ты пользовался Bookmark search plus 2, то должен понимать, что поиск в этом расширение и браузере, это просто таки две большие разницы. А актуальность Bookmark search plus 2 напротив возросла, после того, как сравнительно недавно, не помню с какой версии, боковая панель стала открываться практически без задержки. После этого закладками браузера почти не пользуюсь.
Capushon
Цитата:
Инспектор же есть(исследовать элемент), в нём понять что закрашивать, далее распаковать расширение, изменить и установить назад.

Ну от инспектора в данном случае мало толку. Он только всю боковую панель целиком захватывает и всё.  
xrun1
Цитата:
Надо распаковать расширение и смотреть в нём стили. Для этого способа, после переустановки Firefox, придётся перезаписывать ID в стиле. У меня, например, так (цвет фона):
 

Спасибо, может позже и попробую. Пока и без этого есть чем заняться. А это не самый большой из оставшихся раздражителей.
xrun1
Цитата:
Правильно ли я понял в соседней ветке [?], что нужен скрипт для тултипов у мышки? Их есть у меня, если что. Для UCF скрипт+кнопка вкл/выкл и для обезьяны.

Ну да, всё правильно понял, мне их надо, жду с нетерпением. )

Всего записей: 7455 | Зарегистр. 25-10-2019 | Отправлено: 07:14 23-11-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
Цитата:
Ну если ты пользовался Bookmark search plus 2, то  
Пользовался, до появления встроенной фичи поиска в закладках. Исп. библиотеку в табе или боковую панель, которая всегда открывалась так же быстро, как и сейчас. Помнится, с расширением у меня иконки закладок в меню поиска расширения в боковой панели обезличивались на глобус или что-то похожее. А так же этот глобус отображался не по вертикальному центру строки, а на пару пикселей ниже.
Еще, в расширении при клике на закладке в результатах поиска ниже открывалось ее расположение в папке, а во встроенном поиске от Firefox это делается по ПКМ -> показать в папке.
В общем, для меня ценнось расширения обесценилась, но о вкусах и предпочтениях смысла нет спорить.

Всего записей: 9139 | Зарегистр. 14-09-2020 | Отправлено: 10:00 23-11-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
Цитата:
Есть самое лучшее расширение для работы с закладками Bookmark search plus 2 и это даже не обсуждается. А теперь - внимание, вопрос на засыпку, как закрасить белую полоску?
Ну прям как в КВН. Делайте примерно так, как пишет xrun1, по пальцам: в panel.css в секции #searchtext (строка 231) меняйте цвет фона строки поиска на red. Если это перепаковка, то смена ID (файл manifest.json) не нужна, но нужно отключение проверки ЦП расширений.
 

Всего записей: 9139 | Зарегистр. 14-09-2020 | Отправлено: 12:50 23-11-2025 | Исправлено: gutasiho, 12:51 23-11-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
UCF
Почему и зачем так сделано - не знаю, но для того, чтобы было видно кнопку надо включить
user_pref("svg.context-properties.content.enabled", true); // чтобы иконки были нужного цвета (без этого не меняется цвет tooltip_url_for_cursor.js)
Кнопка "Переключить тултипы" tooltip_url_for_cursor.js. Стили менять не пробовал, просто оставил себе на память комментарии. Измени путь к скрипту, который ниже, на свой.
Скрипт UcfTooltipUrlChild.mjs. Включать не надо - вызывается из кнопки, которая сама его загрузит!
 
Добавлено:
alloledd
Сам пользуюсь скриптом для обезьяны (у меня Tampermonkey). Выложу свой вариант, я там правил границы, размеры, цвета, что-то ещё. Давно пользуюсь, всё не помню. Мне нравится внешний вид: если у ссылки есть заголовок - скрипт его показывает + разделяет домен и ссылку.
   
Hover Links (v2)
У скрипта есть два неприятных момента.
1) Может "залипать" окно подсказки на некоторых сайтах. Тогда приходится заново наводить мышь на ссылку, чтобы пропало. Было, например, на одноклассниках. Я просто занёс его в исключения.
2) Попадаются длинные ссылки, у которых "хвост" может состоять из большого количества буквоцифр. Такие ссылки в окно скрипта не влезают и висят поверх. Теоретически, исправить можно, но я "забил". Такие ссылки редкость.

Всего записей: 1063 | Зарегистр. 26-12-2009 | Отправлено: 14:17 23-11-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
Цитата:
Сам пользуюсь скриптом для обезьяны (у меня Tampermonkey).
Этот был бы ничего, если б не его жуткое быстродействие (параметр задержки в коде не действует, может, потому что Grease, а не Tamper).
 
Добавлено:
xrun1
Цитата:
Почему и зачем так сделано - не знаю, но для того, чтобы было видно кнопку надо включить
user_pref("svg.context-properties.content.enabled", true);

Цитата:
SVG-иконка кнопки может быть заполнена двумя разными цветами [fill/stroke] в зависимости от состояния наведения.
Для SVG-иконки с параметром [moz-context-properties] необходимо установить svg.context-properties.content.enabled = true, в некоторых скриптах этот параметр переключает сам скрипт.

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



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

Цитата:
(параметр задержки в коде не действует, может, потому что Grease, а не Tamper)

Потому, что я его отключил - закомментировал. У меня изначально на Grease стоял. Может - конфликт? У меня мгновенно.
А начинал свои поиски и пользовался с такого кода. Он до сих пор работает, тогда я его "облагородил" для себя, растащил заголовок и домен. Выкладывать не буду свой вариант. Потому как код надо переделывать, на дзене не работает. Хотя, там и Hover Links (v2) как раз ссылку не может в окно впихнуть.
И, кстати, этот старый код у меня работает медленнее Hover Links (v2). Так что может и правда от обезьяны зависит.

Всего записей: 1063 | Зарегистр. 26-12-2009 | Отправлено: 11:22 24-11-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
Цитата:
Потому, что я его отключил - закомментировал.
Снятие комментария ничего не дает, скрипт работает только при 0-задержке.

Цитата:
А начинал свои поиски и пользовался с такого кода.
Если в его конец добавить еще код, то можно настраивать внешний вид, будет как здесь на нижнем скрине. код Этот доп. код с css можно исп. как самостоятельный скрипт.

Всего записей: 9139 | Зарегистр. 14-09-2020 | Отправлено: 14:42 24-11-2025 | Исправлено: gutasiho, 14:45 24-11-2025
alloledd

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

Спасибо большое, забрал оба два. Но скрипт в Tampermonkey - слишком много движений, если надо тултипы вкл/откл, поэтому кнопка мне таки больше нравится.  
 
gutasiho
Цитата:
Ну прям как в КВН. Делайте примерно так, как пишет xrun1, по пальцам: в panel.css в секции #searchtext (строка 231) меняйте цвет фона строки поиска на red. Если это перепаковка, то смена ID (файл manifest.json) не нужна, но нужно отключение проверки ЦП расширений

Не КВН, а "Что? Где? Когда?") Дык xrun1 немного за другое говорит. Он предлагает, только найти в расширение ID необходимого элемента и использовать его в стиле, а не править само расширение после каждого обновления, что мне совсем не нравится. И со строкой поиска у меня всё нормально, неокрашенной остаётся панелька, которая выдвигается при нажатие на стрелку в поиске левее лупы.
 
Добавлено:
gutasiho
Цитата:
Пользовался, до появления встроенной фичи поиска в закладках. Исп. библиотеку в табе или боковую панель, которая всегда открывалась так же быстро, как и сейчас. Помнится, с расширением у меня иконки закладок в меню поиска расширения в боковой панели обезличивались на глобус или что-то похожее. А так же этот глобус отображался не по вертикальному центру строки, а на пару пикселей ниже.
Еще, в расширении при клике на закладке в результатах поиска ниже открывалось ее расположение в папке, а во встроенном поиске от Firefox это делается по ПКМ -> показать в папке.
В общем, для меня ценнось расширения обесценилась, но о вкусах и предпочтениях смысла нет спорить.
 

Я же сразу сказал, что "это не обсуждается", но если есть необходимость, тогда лучше туда

Всего записей: 7455 | Зарегистр. 25-10-2019 | Отправлено: 18:26 24-11-2025 | Исправлено: alloledd, 18:34 24-11-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Дублируются закладки, как исправить?
После переустановки системы и входа в аккаунт Firefox естественно произошла синхронизация закладок
и к уже имеющимся закладкам добавились другие которыеи были синхронизированы ранее.
Вручную удалять нет желания.
 
ВОПРОС СНЯТ.

Всего записей: 1648 | Зарегистр. 12-10-2002 | Отправлено: 21:17 24-11-2025 | Исправлено: grom17, 01:16 25-11-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, темой ошибся.

Всего записей: 7455 | Зарегистр. 25-10-2019 | Отправлено: 21:28 24-11-2025
grom17



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

Спасибо конечно за подсказку, я в таких случаях ещё даю ссылку на тему. Но всё равно спасибо, ушел искать тему.

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
я в таких случаях ещё даю ссылку на тему.

Дык она в шапке есть.

Всего записей: 7455 | Зарегистр. 25-10-2019 | Отправлено: 01:35 25-11-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

Компьютерный форум 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

LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

Рейтинг.ru