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

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

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

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

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

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

Цитата:
панели есть

Кнопка настроек UCF появилась? Если да, то щелкните по ней, потом в открывшейся вкладке внизу страницы на ссылку "Подключить стили и скрипты" - будете приятно/неприятно удивлены как теперь стили/скрипты подключаются.

Всего записей: 1385 | Зарегистр. 26-08-2007 | Отправлено: 19:28 17-09-2025
Sirius_22



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
По совету уважаемого gutasiho я пришёл сюда из темы про расширения, с просьбой:
 
Камрады, будьте так добры, посоветуйте расширение код // стиль // набор волшебных символов - аля: вкладки в несколько рядов (когда то эта штука называлась MultiRow Bookmarks)
 
Заранее благодарен.
 
P.S.
Есть в моих закромах код, который к сожалению не работает :
Закладки в несколько рядов - не рабочий вариант

----------
Вот попробуй как-нибудь на досуге объяснить иностранцу, что по русски "мочишь" и "жжёшь" - это одно и тоже.

Всего записей: 778 | Зарегистр. 01-06-2004 | Отправлено: 23:37 17-09-2025 | Исправлено: Sirius_22, 23:38 17-09-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Sirius_22
Там вы спрашивали
Цитата:
посоветуйте расширение аля: вкладки в несколько рядов
, тут говорите о вкладках (вкладки - это табы) и закладках. А ваш CSS-код - это снова вкладки. Ладно, вкладки чаще упоминаются, чем закладки, может, угадаю, в общем, табы в несколько рядов.

Всего записей: 8895 | Зарегистр. 14-09-2020 | Отправлено: 06:07 18-09-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris, не ставил 143, но сравнивал стили 142 и 143. Намудрили там - не разгребешь. С ходу не могу сказать, можно ли обойти теперь content: var(--menuitem-icon).
Если нет, то можно действовать через переменную. На примере data svg
было

Код:
icon = "data:image/svg+xml...";
menuitem.image = icon;

стало

Код:
icon = `url("data:image/svg+xml...")`;
menuitem.style.setProperty("--menuitem-icon", icon);

Всего записей: 3952 | Зарегистр. 24-10-2002 | Отправлено: 12:47 18-09-2025
Lagris

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

Цитата:
Намудрили там - не разгребешь

Это точно. Плохо то, что для лечения пропавших иконок в скриптах какого-то универсального средства пока нет, каждый проблемный скрипт надо рассматривать как частный случай. Немцы вылечили OpenWith, но как не расписали. Я сравнил старый вариант с OpenWith143 (верхний код), то замена  
image:    "moz-icon:file:///" + BrowserPath[i].split("<>")[0] + "?size=16",
на
image: "moz-icon:file:///" + encodeURIComponent(BrowserPath[i].split("<>")[0]) + "?size=16",
вроде как, иконки возвращает в старом OpenWith, где они пропали в 143.
 
В скрипте от VitalyV  
ContextMenuOpenWith.uc.js
способ от немцев не прокатывает, там другой синтаксис, и как там вернуть иконки приложений - я хз, хотя перепробовал тонну вариантов.
 
Кстати, в этих скриптах иконка не назначается, а забирается из приложения, и зачем мозилловцы ломают такую схему - большой вопрос.

Всего записей: 1385 | Зарегистр. 26-08-2007 | Отправлено: 17:36 18-09-2025 | Исправлено: Lagris, 17:52 18-09-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris
Цитата:
и зачем мозилловцы ломают такую схему - большой вопрос.
Они не ломают, а делают свое дело, им по барабану пользовательские скрипты. Хорошо хоть еще совсем не заблокировали возможность их применения.
143 далеко не самая проблемная в этом отношении версия, мне пришлось повозиться всего лишь с тремя скриптами, а вот 136 - это да, там под два десятка скриптов слетели.

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris, про решение с encodeURIComponent слышал, попробовал в своих скриптах, но ломает при первом вызове контент меню, а при втором - пустой квадрат, так что его нельзя назвать универсальным, во всяком случае для data svg
 
Попробуй так в ContextMenuOpenWith.uc.js. И почему две палки после file: ?  

Код:
// mitem.setAttribute("image", iconpath || `moz-icon://file://${path}?size=16`);
mitem.style.cssText = `--menuitem-icon:url("moz-icon://file:///${path}?size=16")`;

Заметил, что иконки с data:image/png, например в google translate, не ломаются в 143
 
Добавлено:
Lagris, только ща заметил, что немцы path не поправили. Путь с косыми чертами \ Можно обойтись и без переменной, т.е. ты можешь через replace поправить или так записать

Код:
// mitem.setAttribute("image", iconpath || `moz-icon://file:///${path}?size=16`);
mitem.setAttribute("image", iconpath || `moz-icon://${PathUtils.toFileURI(path)}`);


Всего записей: 3952 | Зарегистр. 24-10-2002 | Отправлено: 18:40 18-09-2025 | Исправлено: Death_INN, 18:46 18-09-2025
Lagris

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

Цитата:
Попробуй так в ContextMenuOpenWith.uc.js



Цитата:
И почему две палки после file: ?

Не знаю, у автора во всех похожих по функционалу скриптах две палки.

Цитата:
Заметил, что иконки с data:image/png, например в google translate, не ломаются в 143

Я еще не все проверил, где что ломается, но в одном скрипте иконки слетали, менял list-style-image на --menuitem-icon, помогло.
 
gutasiho

Цитата:
Они не ломают, а делают свое дело, им по барабану пользовательские скрипты

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

Цитата:
143 далеко не самая проблемная в этом отношении версия, мне пришлось повозиться всего лишь с тремя скриптами, а вот 136 - это да, там под два десятка скриптов слетели

У меня наоборот - 143 самая проблемная, скрипты тоже где-то больше двух десятков пришлось восстанавливать. Правда, у меня, наверное, накопилось с предыдущих версий, пришлось аудит делать редкоиспользуемых и неиспользуемых, до сих пор разгребаю.
 
Забыл, что еще пришлось UCF на новую версию менять, а там способ подключения скриптов и стилей поменялся, времени тоже уйму угрохал, пока освоил. Вообщем, 143 веселая версия получилась, 144 бета сегодня прилетела - там, вроде, пока спокойно.  
 
 
Добавлено:
Death_INN

Код:
// mitem.setAttribute("image", iconpath || `moz-icon://file:///${path}?size=16`);
mitem.setAttribute("image", iconpath || `moz-icon://${PathUtils.toFileURI(path)}`);

О боги, свершилось:

Сейчас проверю похожие скрипты от VitalyV, надеюсь и там теперь заработает.

Всего записей: 1385 | Зарегистр. 26-08-2007 | Отправлено: 20:00 18-09-2025 | Исправлено: Lagris, 20:14 18-09-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

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