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

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

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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alexagf
Цитата:
уменьшить межстрочный интервал в тех же журнале и закладках.
Предложенный вам стиль рабочий, влияет на то и на то. Укажите две его строки в таком виде
    min-height: 26px !important;
    height: 26px !important;
Для проверки синхронно измените цифры на 6 единиц вверх.
 
Добавлено:

Цитата:
omni.ja
Забудьте про него и никогда не трогайте.

Всего записей: 9059 | Зарегистр. 14-09-2020 | Отправлено: 08:19 30-06-2025
alexagf



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Цитата:
Тащить край панели мышкой  

Я не про раскрывающуюся панель, про панель с кнопками выбора.
   
 
Автоскрытие, что пробегало в теме, видел. Оно полностью скрывает панель выбора содержимого, что не есть правильно.
 
Добавлено:
gutasiho
Цитата:
Предложенный вам стиль рабочий

Проверил, убрав всё остальное из userChrome.css.
На журнал и вкладки с других устройств не влияет.

Всего записей: 1469 | Зарегистр. 23-09-2001 | Отправлено: 08:27 30-06-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alexagf
Цитата:
стили с иконками для меню Панели инструментов и Панели вкладок?
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/iconized_places_context_menu.css

Всего записей: 9059 | Зарегистр. 14-09-2020 | Отправлено: 10:02 30-06-2025
alexagf



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Это для Панели закладок. Они есть у меня.
Именно для меню Панели инструментов и Панели вкладок у MrOtherGuy нет.

Всего записей: 1469 | Зарегистр. 23-09-2001 | Отправлено: 15:54 30-06-2025
Lagris

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

Цитата:
Именно для меню Панели инструментов и Панели вкладок у MrOtherGuy нет

Может здесь что-нибудь подходящее найдется:
https://github.com/B00ze64/FF-Menu-Icon-Plus-CSS/tree/master
 
Добавлено:
Или здесь, начиная с 188 строки:
https://github.com/VitaliyVstyle/VitaliyVstyle.github.io/blob/main/UserChromeFiles/FullTheme/chrome/user_chrome_files/custom_styles/menu.css#L188

Всего записей: 1403 | Зарегистр. 26-08-2007 | Отправлено: 17:18 30-06-2025
alexagf



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
LagrisБлагодарю! Второй вариант очень даже неплох

Всего записей: 1469 | Зарегистр. 23-09-2001 | Отправлено: 20:10 30-06-2025 | Исправлено: alexagf, 20:11 30-06-2025
ttettette

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
userChrome.css, вот этот код начал увеличивать кнопки управления окном - у меня они делаются больше в 2-3 раза, проверил на версии ESR 115 - там эти кнопки просто пропадают после этого кода.
На форумах пишут, что кнопки управления окном теперь не соответствуют теме, вроде управляются иначе после обновления недавнего. Как-то возможно сделать, чтобы этот код не ломал эти кнопки?
 
* {
 -moz-appearance: none !important;
 font-size: 19px !important;
}
 
 

Всего записей: 118 | Зарегистр. 07-07-2013 | Отправлено: 08:42 01-07-2025
gutasiho

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

Всего записей: 9059 | Зарегистр. 14-09-2020 | Отправлено: 09:53 01-07-2025
ug0o



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ttettette
Тут советуют применить следующий код:
https://www.reddit.com/r/FirefoxCSS/comments/1llkeu3/window_control_buttons_in_141142/

Код:
 
@media (-moz-platform: windows) {
    /* revert to old titlebar buttons */
    .titlebar-button { & > .toolbarbutton-icon { display: inline-flex !important; } }
    /* discard new titlebar buttons */
    .titlebar-button { &::before { display: none !important; } }
}
 

 
Добавлено:
Ранее gutasiho выкладывал скрипт "Закрыть вкладку" в контекстном меню страницы, который затем немного поправил Death_INN, чтобы крестик закрытия вкладки отображался первым слева.
 
В 141.0b3 (64-bit) с последней версией UCF скрипт не работает. Крестик есть, после нажатия ничего не происходит.

Всего записей: 35 | Зарегистр. 04-02-2024 | Отправлено: 12:00 01-07-2025 | Исправлено: ug0o, 12:19 01-07-2025
Death_INN

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

Цитата:
Крестик есть, после нажатия ничего не происходит

Какая ошибка в консоли брауза после нажатия на крестик? А так, остается токо гадать

Код:
//  menuitem.setAttribute('oncommand', 'BrowserCommands.closeTabOrWindow();');
menuitem.addEventListener("command", () => BrowserCommands.closeTabOrWindow());

Всего записей: 4025 | Зарегистр. 24-10-2002 | Отправлено: 12:45 01-07-2025
ttettette

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

Всего записей: 118 | Зарегистр. 07-07-2013 | Отправлено: 14:09 01-07-2025 | Исправлено: ttettette, 14:21 01-07-2025
ug0o



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

Цитата:
 
//  menuitem.setAttribute('oncommand', 'BrowserCommands.closeTabOrWindow();');
menuitem.addEventListener("command", () => BrowserCommands.closeTabOrWindow());  

Death_INN, спасибо! Заработало
 

Цитата:
 Какая ошибка в консоли браузера?  

А можно на будущее совет, как правильно смотреть ошибки скрипта в консоли?
Я никаких ошибок в консоли после нажимания на крестик не увидел. Вероятно, как-то неправильно смотрел.

Всего записей: 35 | Зарегистр. 04-02-2024 | Отправлено: 14:33 01-07-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ug0o
Ну, Death_INN еще тот мастер, любой скрипт поднимет
Без фикса ошибка CSP    
 
Деактивировать скрипт. Открыть консоль, в левое поле вставить скопированный код скрипта, в правой половине сверху нажать корзину, чтобы очистить поле ошибок и логов. В левой половине нажать Run, в правом поле читать вывод.

Всего записей: 9059 | Зарегистр. 14-09-2020 | Отправлено: 14:43 01-07-2025 | Исправлено: gutasiho, 14:53 01-07-2025
Lagris

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

Цитата:
Без фикса ошибка CSP

У меня вся консоль красная с включенным CSP report-only:

Если этот репорт отключить, то многие скрипты не запускаются.  
Засада, однако.

Всего записей: 1403 | Зарегистр. 26-08-2007 | Отправлено: 15:56 01-07-2025 | Исправлено: Lagris, 16:07 01-07-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ug0o, а накой тебе такой скрипт? Можно на навигационную панель главного контекстного меню добавить кнопку (и не одну) с разным функционалом. Скрипт будет проще и можно забыть о геморое с hidden.
 
Lagris

Цитата:
Если этот репорт отключить, то многие скрипты не запускаются

Да уж почти по всем скриптам подсказали как поправить

Всего записей: 4025 | Зарегистр. 24-10-2002 | Отправлено: 16:30 01-07-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris
Цитата:
Засада, однако.
Засада, да, запаришься, пока к норме приведешь. У меня оба параметра в правильном состоянии, по максимуму
 

Всего записей: 9059 | Зарегистр. 14-09-2020 | Отправлено: 16:52 01-07-2025 | Исправлено: gutasiho, 19:26 01-07-2025
Lagris

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

Цитата:
Да уж почти по всем скриптам подсказали как поправить

Если речь идет о замене .setAttribute на .addEventListener, то я ни хрена не понял как это правильно делать. Систему не уловил, поэтому пара-тройка скриптов у меня так и остаются нерабочими.
 
gutasiho

Цитата:
У меня оба параметра в правильном состоянии, по максимуму

На 140 у меня скрипты заводятся в UCF и загрузчике Ксяо с параметрами:
security.browser_xhtml_csp.enabled = true
security.browser_xhtml_csp.report-only = true

 
На 141 beta:
security.browser_xhtml_csp.enabled = false
security.browser_xhtml_csp.report-only = true

Всего записей: 1403 | Зарегистр. 26-08-2007 | Отправлено: 18:29 01-07-2025 | Исправлено: Lagris, 18:41 01-07-2025
ug0o



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

Цитата:
ug0o, а накой тебе такой скрипт? Можно на навигационную панель главного контекстного меню добавить кнопку (и не одну) с разным функционалом. Скрипт будет проще и можно забыть о геморое с hidden.

 
Так, вроде, текущий вариант максимально удобный. Не важно в каком месте страницы ты находишься. Нажимаешь правую клавишу мыши, микродвижение на пару пикселей вниз+вправо и курсор на крестике, закрывающем вкладку.
 
Или мы о разном говорим? )
 
   
 

Всего записей: 35 | Зарегистр. 04-02-2024 | Отправлено: 18:34 01-07-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ug0o, можешь попробовать этот скрипт, предварительно деактивировав свой

Всего записей: 4025 | Зарегистр. 24-10-2002 | Отправлено: 19:36 01-07-2025 | Исправлено: Death_INN, 11:12 02-07-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris
Цитата:
На 141 beta:
...нет параметра security.browser_xhtml_csp.report-only, отсутствует совсем. Видимо, это очередное ужесточение CSP, отправку репортов теперь не отключить. Но, как я понял прочитанное ранее, отправку репортов может блокировать uBlock Origin (птичка Block CSP reports).

Всего записей: 9059 | Зарегистр. 14-09-2020 | Отправлено: 08:25 02-07-2025 | Исправлено: gutasiho, 08:26 02-07-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

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