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

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

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

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
Или так (не снижает безопасность!):
Код:
security.browser_xhtml_csp.enabled = true
security.browser_xhtml_csp.report-only = true (в v141.0+ этот параметр упразднен, заменен на security.csp.reporting.enabled. Логика работы не изменилась.)
3\ v139+: если некоторые скрипты JS не работают, можете сделать так (снижает безопасность!):
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

Полезные ссылки
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Starback, ну да, туда и определяю.
Death_INN, на home работает, так [?] скрывает и на newtab. Версия 131. Спасибо.

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 15:42 02-12-2024 | Исправлено: deannik, 15:44 02-12-2024
Helavista

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А где-то можно посмотреть все возможные названия английские пунктов контекстного меню чтобы вписать в  simpleMenuWizard? ну по типу - #context-sendpagetodevice, #context-pocket,
В Floorp-e например есть в контекстном пункт добавить страницу\ссылку на веб-панель или в контейнере открыть, а я не могу сообразить как их по английски прописать.

Всего записей: 39 | Зарегистр. 07-01-2023 | Отправлено: 19:13 02-12-2024
Starback



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Helavista 19:13 02-12-2024 UTC+3 [?]
Цитата:
А где-то можно посмотреть все возможные названия английские пунктов контекстного меню чтобы вписать в  simpleMenuWizard? ну по типу - #context-sendpagetodevice, #context-pocket

Можете сами попробовать, в шапке есть ссылка:
 
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 1152 | Зарегистр. 17-09-2010 | Отправлено: 08:28 03-12-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Helavista
http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=1840#18 [?]

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 08:51 03-12-2024
Helavista

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Starback
gutasiho
Все пробы обрываются на моменте когда нужно закрепить pop-up окно, в мануалах есть кнопка справа, либо пункт в трехточечном меню, я что-то его в моём браузере не нахожу, и при щелчке на стрелку в окне разработчика контектстное с другого окна  просто пропадает а не замирает как на мануалах.  
Скрин с лисы 133.0, но в Флурпе аналогичная картина. Пункта либо значка при нажатии которого контекстное меню с другого окна не должно пропадать не вижу.  https://fpic.in/K7FR32j

Всего записей: 39 | Зарегистр. 07-01-2023 | Отправлено: 10:34 03-12-2024 | Исправлено: Helavista, 10:47 03-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Helavista, не то открыл. Смотри внимательно какой пункт соответствует сочетанию клавиш Ctrl+Alt+Shift+I

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 12:05 03-12-2024
Helavista

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
И правда, мои бока, по привычке нажималось F12

Всего записей: 39 | Зарегистр. 07-01-2023 | Отправлено: 12:08 03-12-2024
falcon1598

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

Всего записей: 509 | Зарегистр. 07-02-2017 | Отправлено: 11:27 04-12-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
Не знаю, как выглядит "старая", но Firefox имеет вариантов 5 встроенных видов полосы прокрутки, настраивается в about:config. Ищите в основной теме в "версии для печати" по ключевому слову. Если что-то симпотное, то в этой теме, коды публиковались не раз.
 

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 12:18 04-12-2024
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
по моему, вот эта настройка widget.non-native-theme.scrollbar.style, цифры 0..5

Всего записей: 402 | Зарегистр. 01-11-2006 | Отправлено: 12:19 04-12-2024
falcon1598

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

Цитата:
Не знаю, как выглядит "старая"

Вот так выглядит старая полоса прокрутки.

 
Smallette

Цитата:
по моему, вот эта настройка widget.non-native-theme.scrollbar.style, цифры 0..5  

Эта настройка не влияет на скин и форму полосы прокрутки. Она становится еще и узкой, это еще хуже.
Она остается серой и ее трудно заметить. Это очень неудобно.

Всего записей: 509 | Зарегистр. 07-02-2017 | Отправлено: 13:08 04-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как изменить цвет кнопки "Сохранить изменения " на свой, а так же изменить цвет фокусирующей рамки на станице about:preferences#privacy?
https://www.upload.ee/image/17469640/1.jpg

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 13:37 04-12-2024
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
цвет стандартными настройками не изменить, только стиль

Цитата:
Firefox
Похоже, Firefox тоже вступил в войну с полосами прокрутки, сделав их невероятно тонкими. К счастью, в Firefox это, по крайней мере, можно исправить (пока…), но для этого придётся перейти в about:config, а это всегда плохой знак. Впрочем, это можно сделать.
 
Введите в адресной строке about:config
 
Найдите виджет widget.non-native-theme.scrollbar.size.override
 
Измените число на любое нужное
 
Также можно отредактировать widget.non-native-theme.scrollbar.style, чтобы изменить его форму; введите 4, чтобы получить красивый пухленький прямоугольник
 
Наконец, включите «Always show scrollbars» в обычном окне about:settings, если вам они нужны постоянно.

Всего записей: 402 | Зарегистр. 01-11-2006 | Отправлено: 15:01 04-12-2024
gutasiho

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

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 18:19 04-12-2024
Death_INN

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

Цитата:
Вот так выглядит старая полоса прокрутки

Это от брауза не зависит, если внешний вид в авто режиме.
 
doud. Код [?] для FF133

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 19:26 04-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Ваш код не сработал... Он сработал только в окнах при нажатии на кнопках "Управление исключениями" и "Исключения" на этой странице. А на кнопке "Управление данными" нет. Рамка цвет не изменила...

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 19:54 04-12-2024 | Исправлено: doud, 21:04 04-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud, Код [?] А на счет фокусной рамки видать не понял, надо бы уточнить

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 21:07 04-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Отличный код! Изменил все кнопки разом на страницах about:!!!
Для фокусной рамки подошел такой код  
 
@-moz-document regexp("chrome:\/\/browser\/content\/.*\\.xhtml") {
:focus-within {
  outline: none !important;
  border-color: ThreeDShadow !important;
  box-shadow: none !important;
}
}

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 21:23 04-12-2024 | Исправлено: doud, 23:06 04-12-2024
BelarusFreedom



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день, парни..! Подскажите, как убрать синюю рамку URL-бара?
 
Спасибо...

Всего записей: 695 | Зарегистр. 20-05-2011 | Отправлено: 14:27 05-12-2024
Death_INN

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

Код:
#urlbar[focused] > #urlbar-background, #searchbar:focus-within {
  --toolbar-field-focus-border-color: transparent;
}

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 15:17 05-12-2024 | Исправлено: Death_INN, 15:17 05-12-2024
Открыть новую тему     Написать ответ в эту тему

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

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