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

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

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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Farby
Автоскрытие не работает, появилась только возможность растягивать боковую панель.  
 
Добавлено:
Vitaliy977
Цитата:
Можете поэкспериментировать, добавить вкладку в sidebar_tabs.js в массив TABS = [
примерно следующее  

Да просто полный восторг. Спасибо!

Цитата:
можно новую кнопку создать если нужно...  

Если можно, я бы не отказался.
 
Добавлено:
Vitaliy977
А вот этот код сейчас куда можно пристроить?

Цитата:
@-moz-document url("chrome://browser/content/webext-panels.xhtml") {
*|*:root {
    --v-arrowpanel-color: rgb(177,177,179) !important;
    --v-arrowpanel-background: rgb(27,27,29) !important;
    --v-arrowpanel-border-color: rgb(60,60,61) !important;
    --v-panel-separator-color: rgba(249,249,250,.1) !important;
    --v-arrowpanel-dimmed: rgba(249,249,250,.1) !important;
}
}

Всего записей: 7550 | Зарегистр. 25-10-2019 | Отправлено: 19:10 15-12-2025
Yankell

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Farby
UserCSSLoader.uc.uue
Мне кажется, Вы как-то сильно переоценили мой интеллект я скопировал текст в коде в текстовый документ, сохранил как uue, но он не открылся в 7zip.
Что надо брать из японского mjs, тоже не понял.
Забыл сказать, запускаю по методу ксяо, но как запускать mjs в UCF, тоже не знаю, попытался его подключить как обычный, так у меня с панелей всё пропало.

Всего записей: 356 | Зарегистр. 26-11-2016 | Отправлено: 21:25 15-12-2025 | Исправлено: Yankell, 21:35 15-12-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Что то у меня поломалось в фоксе, не могу выпрямить углы, бьюсь уже который час, ничего не выходит.
Нет, я их могу сделать прямыми, но думаю это не правильно. Всю "малину" портит этот параметр:

Код:
menupopup:not(.in-menulist) {
    appearance: none !important;
}

Если его убрать, углы становятся круглыми, а с ним они прямые, но тогда "ломаются" другие параметры (цвет конт. меню и т.д.)
Чёт затупил, помогите кто чем может, уже весь инет обыскал, так ничего не нашел. Спасибо.

Всего записей: 1690 | Зарегистр. 12-10-2002 | Отправлено: 23:02 15-12-2025
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Yankell (21:25 15-12-2025 UTC+3)
    Цитата:
    Что надо брать из японского mjs, тоже не понял.  

    Простите пожалуйста, похоже мне не суждено достичь уровня вашего интеллекта, это был скрипт для ксяо, именно на этом лодыре я всё катай.

    Цитата:
    Что надо брать из японского mjs, тоже не понял.
    А данный вопрос задавайте создателю mjs чуда.

    Цитата:
    но как запускать mjs в UCF, тоже не знаю
    Очень хороший вопрос, но мой путь ксяо.
    ЗЫ: А при чем тут японский??!
     
     
    Добавлено:
    Если внутри UserCSSLoader.uc.uue вам удалось найти японский, значит вам удалось распаковать...
    Это была дань основателю, имя его Griever

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...

  • Всего записей: 868 | Зарегистр. 22-10-2002 | Отправлено: 23:15 15-12-2025
    Yankell

    Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Farby
    Не понял, чем я вас оскорбил и заслужил такой ответ. Если вы не хотели помогать, можно было просто не отвечать с самого начала.
     

    Цитата:
    Если внутри UserCSSLoader.uc.uue вам удалось найти японский, значит вам удалось распаковать...

    Это же вы дали ссылку на гитхаб с японским скриптом, если открыть raw, он сохраняется как mjs.
    То, что вы дали, не распаковывается.

    Всего записей: 356 | Зарегистр. 26-11-2016 | Отправлено: 23:21 15-12-2025 | Исправлено: Yankell, 23:27 15-12-2025
    Vitaliy977

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

    Цитата:
    Если можно, я бы не отказался.  

    openBookmarkSP2
     

    Цитата:
    А вот этот код сейчас куда можно пристроить?
     

    Я не знаю что это, тут просто набор переменных, примерно такие используются у меня в стиле для меню
    https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/blob/main/UserChromeFiles/FullTheme/chrome/user_chrome_files/custom_styles/menu.css
     
     
     
     
    Добавлено:
    Yankell

    Цитата:
    но как запускать mjs в UCF

    В about:user-chrome-files-options написано как
    см. параметр "module"  
    если "module" это объект то регистрируется как WindowActor - ChromeUtils.registerWindowActor()
    если массив или boolean-true то просто как import - ChromeUtils.importESModule()
    Пример регистрации WindowActor https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/blob/main/UserChromeFiles/custom_scripts/autoCopy.mjs

    Всего записей: 739 | Зарегистр. 13-10-2013 | Отправлено: 23:46 15-12-2025 | Исправлено: Vitaliy977, 01:07 16-12-2025
    Yankell

    Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Vitaliy977
    Спасибо, я добавил параметры для module, но скрипт не заработал.
    скрин
    Возможно, он просто не подходит для UCF так же, как для ксяо.
    Решил вопрос так, подключил себе ещё и загрузчик Endor8-а UserChrome, для которого и делались файлы с camp-firefox.de. Теперь в браузере полный компот, UCF, ксяо и UserChrome. Кнопкой, а не в главном меню, но это ладно, мне всё-таки ехать, а не шашечки.

    Всего записей: 356 | Зарегистр. 26-11-2016 | Отправлено: 00:37 16-12-2025
    Vitaliy977

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

    Цитата:
    я добавил параметры для module, но скрипт не заработал.  

    Конечно он не заработает, вам не нужно копировать параметры так же как в примере с autoCopy
    и вообще вам не нужна регистрация WindowActor
    Как там тот скрипт запускать я хз не разбирался, просто написал для тех кто не знает как подключить mjs в UCF

    Всего записей: 739 | Зарегистр. 13-10-2013 | Отправлено: 00:47 16-12-2025
    alloledd

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

    У меня почему-то кнопка не появилась.
    Сорри, разобрался, это я накосячил. Кнопка рабочая, то что нужно. Спасибо большое.

    Цитата:
    Я не знаю что это, тут просто набор переменных, примерно такие используются у меня в стиле для меню
    https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/blob/main/UserChromeFiles/FullTheme/chrome/user_chrome_files/custom_styles/menu.css

    Ну да, они ваши и есть. Вот, таки нашёл. №8351, №8355.  

    Всего записей: 7550 | Зарегистр. 25-10-2019 | Отправлено: 01:32 16-12-2025 | Исправлено: alloledd, 05:19 16-12-2025
    Yankell

    Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    На случай, если кому-то понадобится. Смог подключить немецкий UserCSSLoader через UCF, оказалось, он не подключался только в r3dfox Esr 140.6.0, а в e3kskoy7wqk 140.5.0 ESR подключился сразу. Сперва проверял в обоих, но всё было одинаково, и дальше проверял в одном, и зря. UCF подключил его с таким настройками:
    скрин
     

    Всего записей: 356 | Зарегистр. 26-11-2016 | Отправлено: 03:31 16-12-2025
    alloledd

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Vitaliy977
    Обнаружил похоже забавный конфликт sidebar_tabs.js с Dark Reader. Растягиваю панель, отпускаю и стиль страницы переключается с тёмного на светлый. Вернуть тёмный стиль получается только повторением манипуляции с растягиванием панели.

    Всего записей: 7550 | Зарегистр. 25-10-2019 | Отправлено: 10:24 16-12-2025
    gutasiho

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    alloledd
    Может, в DR отключить горячие клавиши, если они там есть?
     
    Добавлено:
    Yankell
    Для форума правильным есть публиковать не линк на страницу с линком на картинку, а линк на картинку, используя зеленую или желтую ссылки. Можно и красную, то тогда теги нужно будет добавлять самому (круглая кнопочка слева от набираемого поста).
     

    Всего записей: 9200 | Зарегистр. 14-09-2020 | Отправлено: 10:47 16-12-2025
    alloledd

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    gutasiho
    Есть, но вроде не отключаются. Переназначение на другие не помогает. Только я не понял, какая по-твоему тут связь с клавишами возможна?
     
     
    Добавлено:
    gutasiho
    А, слушай, нашёл другие горячие клавиши - Переключение вебсайтов и действительно переназначение вроде помогло. Буду наблюдать. Спасибо. Только так и не понял причём здесь клавиши, я же мышкой растягивал? Как ты догадался?

    Всего записей: 7550 | Зарегистр. 25-10-2019 | Отправлено: 10:58 16-12-2025 | Исправлено: alloledd, 11:11 16-12-2025
    gutasiho

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    alloledd
    В день, когда в школе был урок ясновидения, у меня сигареты закончились, так что пришлось не прогулять.

    Всего записей: 9200 | Зарегистр. 14-09-2020 | Отправлено: 12:09 16-12-2025
    Death_INN

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

    Цитата:
    не могу выпрямить углы

    Не можешь, значит мешают стили, которые закругляют или уменьшают скругление.

    Всего записей: 4071 | Зарегистр. 24-10-2002 | Отправлено: 15:16 16-12-2025
    Vitaliy977

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

    Цитата:
    конфликт sidebar_tabs.js с Dark Reader

    У меню что-то не воспроизводится, похоже тут есть третий фактор.

    Всего записей: 739 | Зарегистр. 13-10-2013 | Отправлено: 15:18 16-12-2025
    alloledd

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

    Цитата:
    У меню что-то не воспроизводится, похоже тут есть третий фактор.

    Вы на разных вкладках боковой панели пробовали? А то там какое-то чередование происходило, то на одних вкладках переключалось, то на других, но не сразу на всех. Закономерности не уловил.

    Всего записей: 7550 | Зарегистр. 25-10-2019 | Отправлено: 15:52 16-12-2025
    Vitaliy977

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

    Цитата:
    Вы на разных вкладках боковой панели пробовали?

    Да, на всех что по умолчанию в Sidebar Tabs. В режимах AUTO_HIDE = true и false пробовал. Dark Reader работал на этом сайте и ещё на нескольких. Да и кроме Linux пробовал и в Windows.

    Всего записей: 739 | Зарегистр. 13-10-2013 | Отправлено: 16:18 16-12-2025
    grom17



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Death_INN,
    Цитата:
     значит мешают стили, которые закругляют или уменьшают скругление

    Поудалял всё и везде, в userChrome прописал только:

    Код:
    menupopup:not(.in-menulist) {
        --panel-border-radius: 0px !important;
    }

    Ничего не помогает.

    Всего записей: 1690 | Зарегистр. 12-10-2002 | Отправлено: 16:37 16-12-2025
    Death_INN

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

    Код:
    :is(menupopup, panel:not(#autoscroller)):not(.in-menulist) {
        --panel-border-radius: 0 !important;
    }

    Всего записей: 4071 | Зарегистр. 24-10-2002 | Отправлено: 17:02 16-12-2025 | Исправлено: Death_INN, 17:09 16-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

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