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

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

Всего записей: 9374 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Maz, 14:21 23-01-2026
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
не запахал, потому что в новых версиях нужны стили для сплиттера, а без них панель не выезжает. Вот код [?], проверял в FF146, но не на чистом профиле

Ну вот всё равно у меня он не работает.

Всего записей: 7748 | Зарегистр. 25-10-2019 | Отправлено: 06:59 14-12-2025 | Исправлено: alloledd, 07:51 14-12-2025
Andrewnews

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN svg.context-properties.content.enabled стоит в true, например такое меню Подробнее...
 
Как правильно изменить fill или stroke в параметрах svg файла для самой кнопки, menu, menuitem?

Всего записей: 89 | Зарегистр. 06-10-2008 | Отправлено: 08:48 14-12-2025 | Исправлено: Andrewnews, 08:56 14-12-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Andrewnews
muim_23.style.fill = "red";

Всего записей: 4149 | Зарегистр. 24-10-2002 | Отправлено: 12:22 14-12-2025
Andrewnews

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN не хочет по чему то цвет меняться

Всего записей: 89 | Зарегистр. 06-10-2008 | Отправлено: 12:57 14-12-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Andrewnews, нужно в инструментах разраба посмотреть, что перебивает стиль на дочернем элементе *-icon. Может твои собственные стили из других скриптов или из UserChrome.css

Всего записей: 4149 | Зарегистр. 24-10-2002 | Отправлено: 13:50 14-12-2025
Andrewnews

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

Всего записей: 89 | Зарегистр. 06-10-2008 | Отправлено: 14:16 14-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, подскажи плиз, как в autohide_sidebar.css сделать площадь срабатывания прозрачной, чтоб её видно небыло?

Всего записей: 7748 | Зарегистр. 25-10-2019 | Отправлено: 23:24 14-12-2025
grom17



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

Зачем тебе такая портянка, есть вариант проще

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd, а толку? площадь все равно сдвигает правую часть, а в моем не сдвигает и полная прозрачность без зависимости от цветов фона. Можно было спокойно разобраться, почему моя версия у тя не пашет.
Тебе разве что пробовать в autohide_sidebar.css задать для #sidebar-box вне ховера нулевую прозрачность, а если не устроит, то дополниткльно менять цвет фона у #browser

Всего записей: 4149 | Зарегистр. 24-10-2002 | Отправлено: 00:41 15-12-2025 | Исправлено: Death_INN, 00:43 15-12-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN,
Цитата:
...можно сделать так, что-бы в обычном окне панель была не скрыта, а в полноэкранном скрывалась.

Разобрался, норм. работает!

Всего записей: 1744 | Зарегистр. 12-10-2002 | Отправлено: 00:58 15-12-2025
alloledd

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

Каким способом, всё отключать, включать...?
 
Добавлено:
grom17
Цитата:
Зачем тебе такая портянка, есть вариант проще [?]

Дык у меня небыло варианта проще. Спасибо, позже попробую.

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

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, в чём может быть проблема. Не работают команды в скрипте UserCSSLoader. Сам скрипт работает, стили грузятся, но нельзя снять галочки в выборе стилей, нельзя создать новый стиль, открыть в редакторе и т.д. FF 140 esr. Точнее, на версиях esr r3dfox 140.6.0 и e3kskoy7wqk 140.5.0, у меня 7.  
Варианты Endor8 и из этой темы вообще пропадают из меню.
 
скрипт

Всего записей: 428 | Зарегистр. 26-11-2016 | Отправлено: 01:23 15-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Зачем тебе такая портянка, есть вариант проще [?]

Ну вот попробовал "вариант проще", работает.  Только он не учитывает индивидуальные особенности и его каждый раз надо подстраивать, в отличие от "такой портянки". Например, я использую вертикальную панель от user_chrome_files, а твой скрипт срабатывает по краю экрана и чтобы пользоваться панелькой надо методом подбора сместить область срабатывания на её край. А если захочу отключить на время вертикальную панель, опять всё перестраивать? А если понадобится к ноуту подключить внешний монитор...?  
 
Добавлено:
Death_INN
А можешь реанимировать auto_hide_sidebar.css от Виталия?

Всего записей: 7748 | Зарегистр. 25-10-2019 | Отправлено: 07:41 15-12-2025 | Исправлено: alloledd, 08:38 15-12-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd,
Цитата:
Например, я использую вертикальную панель от user_chrome_files

К сожалению вертикалкой не пользуюсь, поэтому не учёл этого.

Всего записей: 1744 | Зарегистр. 12-10-2002 | Отправлено: 09:34 15-12-2025 | Исправлено: grom17, 13:31 15-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, да мне боковая панель нужна только для открытия в ней Bookmark search plus 2, а так-то в user_chrome_files есть своя Sidebar tabs, она гораздо удобнее и уже с автоскрытием. Эх, не догадался спросить у Виталия, пока он тут был, может в ней можно и открытие Bookmark search plus 2 организовать.

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Yankell (01:23 15-12-2025 UTC+3)
    Цитата:
    Подскажите, в чём может быть проблема. Не работают команды в скрипте UserCSSLoader

    Это Block inline event handler.
    Есть скрипт проекта Floorp, из него сделал себе UserCSSLoager.uc.js.
    Сам UserCSSLoader.uc.uue из uue можно извлечь 7-zip etc..., форум не понимает utf-8...
     
    Добавлено:
    PS: Чтобы скопировать скрипт откройте в режиме редактирования.

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

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

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

    Цитата:
    Каким способом, всё отключать, включать...?  

    Для начала оставить только мой код в UserChrome.css. Если не запашет, то дело в скриптах или расширах. К тому же у меня в коде щадящий режим для сплиттера. Может полное отключение его отображения решило бы траблу

    Цитата:
    А можешь реанимировать auto_hide_sidebar.css от Виталия?

    Сразу видно, что нужно увеличить z-index до 3, и тогда мы увидим на ховере, что панель выезжает. В остальном думаю, что сам автор предложит обновленный вариант с учетом UCF

    Всего записей: 4149 | Зарегистр. 24-10-2002 | Отправлено: 13:56 15-12-2025 | Исправлено: Death_INN, 14:04 15-12-2025
    Vitaliy977

    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    alloledd
    Цитата:
    Sidebar tabs, она гораздо удобнее и уже с автоскрытием. Эх, не догадался спросить у Виталия, пока он тут был, может в ней можно и открытие Bookmark search plus 2 организовать.[?]

    Можете поэкспериментировать, добавить вкладку в sidebar_tabs.js в массив TABS = [
    примерно следующее

    Код:
            {
                label: "BookmarkSP2",
                get src() { return WebExtensionPolicy.getByID("bookmarksearchplus2@aafn.org").getURL("sidebar/panel.html"); },
                attributes: 'type="content" disableglobalhistory="true" messagemanagergroup="webext-browsers" webextension-view-type="sidebar" context="contentAreaContextMenu" tooltip="aHTMLTooltip" autocompletepopup="PopupAutoComplete" remote="true" maychangeremoteness="true" ',
            },
     
    Но на счет кнопки от этого расширения она всё равно будет открывать в оригинальном сайдбаре, с этим отдельный скрипт нужен, можно новую кнопку создать если нужно...
     

    Всего записей: 843 | Зарегистр. 13-10-2013 | Отправлено: 15:17 15-12-2025 | Исправлено: Vitaliy977, 15:17 15-12-2025
    alloledd

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Death_INN
    Таки понял, твой код просто не работает совместно с вертикальной панелью от user_chrome_files. Если её отключить, то автоскрытие начинает работать.  

    Цитата:
    Сразу видно, что нужно увеличить z-index до 3, и тогда мы увидим на ховере, что панель выезжает.

    Чего-то у меня ничего не выехало.

    Цитата:
    В остальном думаю, что сам автор предложит обновленный вариант с учетом UCF

    Да этот код уже месяца два не работает, как писал выше у автора теперь своя Sidebar tabs и поэтому похоже, что auto_hide_sidebar.css он к сожалению забросил.

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

    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    alloledd
    Попробуйте такой вариант, собран из двух в один auto_hide_sidebar.uc.js

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

    Всего записей: 868 | Зарегистр. 22-10-2002 | Отправлено: 17:24 15-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