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

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

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

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

Просьба публикуемые коды заключать в тэг [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
Также не забываем про такую строку в 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.
 
Полезные ссылки
 
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 8236 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
fakel33
От Aris я использую только загрузчик скриптов и верт. панель, и она в v136 работает, та же самая, что и в v128, v135, с маленьким исправлением.
Закомментировать или удалить строку:
Код:
Components.utils.import("resource:///modules/CustomizableUI.jsm");
Это в случае, если рядом с ней имеется такая строка (у меня имеется):
Код:
ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");
Если не имется, то первую строку заменить второй.
Всего записей: 8236 | Зарегистр. 14-09-2020 | Отправлено: 10:55 09-03-2025
Death_INN

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

Цитата:
В скриптах от арис был Cu.import???

Загрузочных? Наверное, когда еще был FileUtils.jsm
Всего записей: 3717 | Зарегистр. 24-10-2002 | Отправлено: 11:01 09-03-2025
fakel33



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho post
Цитата:
От Aris я использую только загрузчик скриптов и верт. панель, и она в v136 работает, та же самая, что и в v128, v135, с маленьким исправлением.  

Нашел злыдня. Удалил bookmarks_history_sidebar_open_close.uc.js и дополнительная панель нашлась. Пришлось перейти на addon Bookmark search plus 2.
Проблема решена.
Всего записей: 1224 | Зарегистр. 22-08-2003 | Отправлено: 11:32 09-03-2025
Lagris

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

Цитата:
Значит я третий у кого не работают некоторые скрипты от Aris

Здесь еще важно разделять понятия загрузчик скриптов и непосредственно сами скрипты.
У меня в 136 загрузчики скриптов от  xiaoxiaoflood и Aris-t2 не работали. Загрузчик Арис я запустил: правки внес в config.js и заменил файлы в папке userChrome на файлы из архива:
https://github.com/Aris-t2/CustomJSforFx/archive/refs/heads/master.zip
Но многие скрипты действительно не работают. В вашем случае, судя по консоли, эти два файла заменить на те, что в архиве по ссылке выше - может заведется.
 
momo2000

Цитата:
https://github.com/xiaoxiaoflood/firefox-scripts/issues/343

Да, я это видел. С утра бьюсь - не могу победить, не взлетает загрузчик.
 
Добавлено:
fakel33

Цитата:
Нашел злыдня

Хорошо сказано, надо будет запомнить. Моя информация неактуальна, вычеркиваю.
Всего записей: 1291 | Зарегистр. 26-08-2007 | Отправлено: 11:34 09-03-2025 | Исправлено: Lagris, 11:56 09-03-2025
fakel33



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris post
Цитата:
Здесь еще важно разделять понятия загрузчик скриптов и непосредственно сами скрипты.
У меня в 136 загрузчики скриптов от  xiaoxiaoflood и Aris-t2 не работали. Загрузчик Арис я запустил: правки внес в config.js и заменил файлы в папке userChrome на файлы из архива:
https://github.com/Aris-t2/CustomCSSforFx/archive/refs/heads/master.zip
Но многие скрипты действительно не работают. В вашем случае, судя по консоли, эти два файла заменить на те, что в архиве по ссылке выше - может заведется.  

Извините, но я не использую CSS скрипты от Aris. Я использую только addonbar_vertical.uc.js.
Всего записей: 1224 | Зарегистр. 22-08-2003 | Отправлено: 11:46 09-03-2025
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
fakel33
Цитата:
 Удалил bookmarks_history_sidebar_open_close.uc.js и дополнительная панель нашлась.
Видимо, это тот двухкнопочный скрипт, что я выкладывал, времен так v130? Так работает он в v136, без всяких правок, совместно с верт. панелью Aris.
 
Добавлено:

Цитата:
Нашел злыдня
"Наказал невиновного", осталось "наградить непричастного"
 
Добавлено:
Какого авторства загрузчик скриптов (метод активации скриптов) вы используете?
Всего записей: 8236 | Зарегистр. 14-09-2020 | Отправлено: 11:50 09-03-2025
Lagris

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

Цитата:
я не использую CSS скрипты от Aris

Да, не ту ссылку дал. Поправил, может кому пригодится.
Всего записей: 1291 | Зарегистр. 26-08-2007 | Отправлено: 11:58 09-03-2025
fakel33



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho post
Цитата:
Какого авторства загрузчик скриптов (метод активации скриптов) вы используете?
 

Все (config.js, userChrome.js,userChromeJS.js, userChromeJSutilities.js)  использую от Aris.
Я был не прав.
Странно, сейчас перезагрузил еще раз (не знаю какой раз с очисткой) и все настроилось как надо с bookmarks_history_sidebar_open_close.uc.js. Очень этот скрипт мне нравится.
Всего записей: 1224 | Зарегистр. 22-08-2003 | Отправлено: 12:14 09-03-2025
Lagris

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Запустил загрузчик  xiaoxiaoflood. Код в config.js и обновленные файлы загрузчика utils брал по ссылке https://github.com/xiaoxiaoflood/firefox-scripts/issues/343. Еще в about:config надо настройку выставить:
security.browser_xhtml_csp.enabled=false
В config.js ксяовский код надо на самый верх поднимать, вторым после кода для неподписанных расширений. Он у меня в серединке где-то болтался, и ничего не срабатывало. Как передвинул наверх, так загрузчик завелся. Нерабочих скриптов стало много, на соседнем форуме количество запросов на правку кода резко увеличилось.
Всего записей: 1291 | Зарегистр. 26-08-2007 | Отправлено: 20:34 09-03-2025
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Для 136-й кто-нибудь делал стили для значка audio в табе?
Aris-t2 уже полтора месяца не появляется. А эти 2 стиля теперь не актуальны.
tab_audio_icon.css
tab_audio_icon_colorized.css
Всего записей: 908 | Зарегистр. 26-12-2009 | Отправлено: 22:37 09-03-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, а разве такая солянка нужна? В 136 значок аудио уже справа без всяких стилей
Всего записей: 3717 | Зарегистр. 24-10-2002 | Отправлено: 01:08 10-03-2025
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Размер иконки сайта 16х16, значка audio 12х12. При mute ещё уменьшается. Цвет чёрный.
Мне "солянка" разноцветная нужна.))
Всего записей: 908 | Зарегистр. 26-12-2009 | Отправлено: 04:15 10-03-2025
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
   ?
Всего записей: 8236 | Зарегистр. 14-09-2020 | Отправлено: 08:27 10-03-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, вот начальный, без учета всего. Код
Всего записей: 3717 | Зарегистр. 24-10-2002 | Отправлено: 10:25 10-03-2025 | Исправлено: Death_INN, 10:27 10-03-2025
Lagris

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Посмотрите, кто может, на стартовой странице about:home сколько плиток по-умолчанию в одном ряду отображается. В 136 отвалился стиль в userContent.css:

Код:
@-moz-document url("about:newtab"), url("about:home") {
.ds-outer-wrapper-breakpoint-override main {
    width: 100% !important;
}
}

С ним в одном ряду 12 плиток отображалось... в 136 со стилем и без него уже только 8 и маленькие. Наверное, что-то в activity-stream.css поменяли, но что пока найти не могу.
Всего записей: 1291 | Зарегистр. 26-08-2007 | Отправлено: 11:48 10-03-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris, маленькие из-за одного из вариантов отображения, остальное не знаю - не юзаю
browser.newtabpage.activity-stream.newtabLayouts.variant-b = false
Всего записей: 3717 | Зарегистр. 24-10-2002 | Отправлено: 13:02 10-03-2025
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
variant-a, variant-b, пишут, что скоро откажутся от них.
Всего записей: 8236 | Зарегистр. 14-09-2020 | Отправлено: 15:43 10-03-2025
Lagris

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

Цитата:
browser.newtabpage.activity-stream.newtabLayouts.variant-b = false

Бинго! Вернулись 12 плиток нормального размера.
 
 
Добавлено:
gutasiho
browser.newtabpage.activity-stream.newtabLayouts.variant-a = true
Тоже срабатывает.
 

Цитата:
variant-a, variant-b, пишут, что скоро откажутся от них

Не говорят почему хотят убрать..? Так-то не помню с какой версии, но количество рядов, которое задавалось browser.newtabpage.activity-stream.topSitesRows = хх они уже ограничили - больше восьми рядов на выхлопе не дает... хоть что прописывай в хх (11, 12, 13.. 15).
Всего записей: 1291 | Зарегистр. 26-08-2007 | Отправлено: 15:48 10-03-2025
xrun1



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

Цитата:
начальный, без учета всего

Цвет меняется, но при этом проблема в другом. Эта кнопка теперь не оверлей, а блок. Из-за этого, независимо какой размер иконки, у меня скачет размер таба по вертикали на пару пикселей при появлении этого блока-иконки. Высоту таба менять не хочу. Вот и думаю, что с этим можно сделать.

Код:
.tab-audio-button {
  #tabbrowser-tabs:is([orient="vertical"][expanded], [orient="horizontal"]) &:not([pinned]):not([crashed]) {
    &:is([soundplaying], [muted], [activemedia-blocked]) {
      display: block;
    }
  }
}
Всего записей: 908 | Зарегистр. 26-12-2009 | Отправлено: 20:07 10-03-2025
Death_INN

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

Код:
.tab-audio-button {
  --button-min-height-small: 24px !important; /* минимальная высота /**/
  --button-size-icon-small: 24px !important; /* высота /**/
}  
Всего записей: 3717 | Зарегистр. 24-10-2002 | Отправлено: 21:55 10-03-2025 | Исправлено: Death_INN, 21:55 10-03-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

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