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

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

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

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

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



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

Цитата:
@-moz-document url-prefix(about:preferences) {
    input[type="search"]:focus-visible {
        outline-style: solid !important;
        outline-color: rgb(0, 97, 224) !important;
        --input-text-border: 1px solid rgb(0, 97, 224);
        box-shadow: 0 0 16px 0;
    }
}

Отлично сработало! Да ещё с доп.настройками. Спасибо!

Всего записей: 1701 | Зарегистр. 12-10-2002 | Отправлено: 14:25 03-11-2025 | Исправлено: grom17, 00:46 09-11-2025
il_cattivo

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ежели кому надо: иконки для http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=3220#14 в svg (iconEnabled с анимацией).  
https://cloud.disroot.org/s/NPJgig66AcGAyFq/download
 
Andrewnews, спасибо за скрипт.

Всего записей: 51 | Зарегистр. 24-10-2017 | Отправлено: 17:13 03-11-2025
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если кому-то, так же как и мне, люто не нравится и даже раздражает бездумно и бездарно вкоряченный border-radius во всевозможные места на страницах ютуба, то есть вот такое простое решение для userContent.css:
 
@-moz-document domain("youtube.com") { [class*="player"], [id*="player"] { border-radius: 0 !important; } }
(этот вариант точечно уберёт скругление на плеер)
 
или
 
@-moz-document domain("youtube.com") { * { border-radius: 0 !important; } }
(этот вариант в принципе уберёт скругление везде, мне такое даже больше понравилось)

Всего записей: 20506 | Зарегистр. 04-11-2010 | Отправлено: 19:34 05-11-2025
aminough

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всем привет, даже не знал, что подобные форумы еще живы. Хочу поделиться своим userChrome.js скриптом, который добавляет в Firefox вторую боковую панель с веб-панелями как в Vivaldi, Edge, Floorp и так далее. Могу с уверенностью заявить, что это лучшие веб панели, которые вы только можете встретить в браузерах: https://github.com/aminought/firefox-second-sidebar
 
Не реклама, я с этого ничего не зарабатываю кроме приятных ощущений после подсчета звёзд на Github

Всего записей: 9 | Зарегистр. 07-11-2025 | Отправлено: 01:45 07-11-2025 | Исправлено: aminough, 18:54 07-11-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
aminough
Цитата:
https://github.com/aminought/firefox-second-sidebar.

Точку в конце ссылки убери.
 
Добавлено:
aminough
Цитата:
Не реклама, я с этого ничего не зарабатываю кроме приятных ощущений после подсчета звёзд на Github

А это тогда там типа чего?

Цитата:
Therefore, I decided to create another one myself, with blackjack and hookers!

Всего записей: 7579 | Зарегистр. 25-10-2019 | Отправлено: 06:25 07-11-2025
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • aminough (01:45 07-11-2025 UTC+3)
    Цитата:
    Не реклама, я с этого ничего не зарабатываю кроме приятных ощущений после подсчета звёзд на Github

    не надо рекламировать то что не работает на FF, на том долбаном гитхабе я вас просил сделать для всех, даже без моего запукатора. Ан нет только zen-second-sidebar удалось приручить....
     
    Добавлено:
  • aminough (01:45 07-11-2025 UTC+3)
    Цитата:
    Хочу поделиться своим userChrome.js скриптом

    и это не userChrome.js это ChromeUtils.compileScript аля импорт ESM, ну очень интересно как ото чудо здесь будут запускать!!!!

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

  • Всего записей: 868 | Зарегистр. 22-10-2002 | Отправлено: 00:09 08-11-2025
    Capushon

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    aminough:
    Цитата:
    Могу с уверенностью заявить, что это лучшие веб панели, которые вы только можете встретить в браузерах: https://github.com/aminought/firefox-second-sidebar
    Как это прикрутить к Фоксу, не сильно понятно...
    Есть папка и файл:
    second_sidebar
    second_sidebar.uc.mjs
     
    Что дальше?

    Всего записей: 5224 | Зарегистр. 18-07-2006 | Отправлено: 00:35 08-11-2025
    Farby

    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Capushon
    читайте здесь, надеюсь у вас получиться...

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

    Всего записей: 868 | Зарегистр. 22-10-2002 | Отправлено: 00:47 08-11-2025
    Capushon

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Farby:
    Цитата:
    читайте здесь
    Там просто диалог двух человек...
    Это всё равно что по диалогу Тимея и Крития понять устройство Атландиды, или понять о чем говорили отец Варлаам с Гришкой-самозванцем на литовской границе)
     
    Инструкции нет нормальной?
    1. Установили FF
    2. Создали папку ...
    3. Скопировали в неё ...
    4. ...

    Всего записей: 5224 | Зарегистр. 18-07-2006 | Отправлено: 01:05 08-11-2025
    Farby

    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Capushon
    я же писал, что моё предложение здесь, не было услышано, и у меня на FF не работает.
    ЗЫ; один пост сверху
     
    Добавлено:
    А если aminough очень хочет пусть и пишет инструкции...

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

    Всего записей: 868 | Зарегистр. 22-10-2002 | Отправлено: 02:00 08-11-2025
    Capushon

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    aminough:
    Цитата:
    Могу с уверенностью заявить, что это лучшие веб панели, которые вы только можете встретить в браузерах: https://github.com/aminought/firefox-second-sidebar
    Инструкцию можно подробную установки по шагам?

    Всего записей: 5224 | Зарегистр. 18-07-2006 | Отправлено: 02:27 08-11-2025
    aminough

    Newbie
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Господи, ну по ссылке же всё есть: https://github.com/aminought/firefox-second-sidebar

    Всего записей: 9 | Зарегистр. 07-11-2025 | Отправлено: 02:37 08-11-2025
    Capushon

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    aminough:
    Цитата:
    Господи, ну по ссылке же всё есть: https://github.com/aminought/firefox-second-sidebar
    Господи, ну я бы наверное не спрашивал если бы всё было понятно. Смотрим:

     
    Берём первый пункт:
    Что из этого можно понять?

    Всего записей: 5224 | Зарегистр. 18-07-2006 | Отправлено: 03:41 08-11-2025
    aminough

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

    Цитата:
    Берём первый пункт:
    Что из этого можно понять?

     
    Что существует загрузчик под названием fx-autoconfig, и там есть инструкция для его установки. Если используешь другой загрузчик, ниже дана ссылка, которую уже скинули выше.

    Всего записей: 9 | Зарегистр. 07-11-2025 | Отправлено: 04:25 08-11-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    aminough у меня свой загрузчик скриптов. По какому обсерверу (событию) импортируется second_sidebar.uc.mjs в рекомендуемом тобой загрузчике?

    Всего записей: 4083 | Зарегистр. 24-10-2002 | Отправлено: 04:48 08-11-2025
    aminough

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

    Цитата:
    aminough у меня свой загрузчик скриптов. По какому обсерверу (событию) импортируется second_sidebar.uc.mjs в рекомендуемом тобой загрузчике?

     
    Если честно, без понятия, я загрузчиками не занимался, нужно смотреть код fx-autoconfig. Выбрал его, так как из коробки поддерживает модули.

    Всего записей: 9 | Зарегистр. 07-11-2025 | Отправлено: 04:57 08-11-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Глянул. Обсервер domwindowopened по событию DOMContentLoaded скрипт компилится, хотя можно, наверное, и саб скрипт лоадером. Желающие могут в Арисе проверить, вдруг прокатит по событию load, ибо в нем нет поддержки DOMContentLoaded, хотя я в своем тоже не добавлял

    Всего записей: 4083 | Зарегистр. 24-10-2002 | Отправлено: 05:40 08-11-2025 | Исправлено: Death_INN, 05:45 08-11-2025
    gutasiho

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    В ледниковый период верт. пан. от Aris-t2 была монополистом, других просто не было, и работала она долго и счастливо. Была еще панель от VitaliyV в его продукте UCF, значительно более редко юзанная.
    За последние несколько месяцев в вертикальнопанелестроении произошло немало интересного: Aris-t2 восстановил совместимость своей панели с последними версиями Firefox; другой мастер создал свою панель, которая мне больше по душе, чем от Aris; еще один мастер создал панель, самоподстраивающуюся по высоте под количество кнопок на ней; и еще один - панель оверлейного типа, которая накладывается на контент страницы, а не сдвигает его, как все остальные; и последнее - упомянутая выше в теме панель. Осталась проблема выбора, но я уже как-то привык к горизонтальной верхней панели, и возвращаться на вертикальную нет желания.

    Всего записей: 9224 | Зарегистр. 14-09-2020 | Отправлено: 09:26 08-11-2025 | Исправлено: gutasiho, 10:11 08-11-2025
    aminough

    Newbie
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    У меня фишка заключается в веб панелях, не вижу смысла в боковой панели без них.

    Всего записей: 9 | Зарегистр. 07-11-2025 | Отправлено: 13:30 08-11-2025
    Farby

    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • aminough (13:30 08-11-2025 UTC+3)
    Цитата:
    У меня фишка заключается в веб панелях, не вижу смысла в боковой панели без них.

    так у вас она работает, раскосите как???... Какие условия и тд и тп...
     
    Добавлено:
    Вот вам элементарный загрузчик соправитель!!?? Тогда заходите расскажете как это работает

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

  • Всего записей: 868 | Зарегистр. 22-10-2002 | Отправлено: 20:10 08-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 168 169 170 171 172 173 174 175 176 177 178 179 180

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

    Рейтинг.ru