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

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

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, попробовал подключить скрипты этим способом, Ваш скрипт не заработал. Расположение config-prefs.js > содержимое. Расположение config.js > содержимое. Расположение папки userChrome > содержимое userChrome.js. В чём/где ошибка?

Всего записей: 683 | Зарегистр. 04-08-2013 | Отправлено: 14:46 12-01-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
В config-prefs.js и config.js входные и выходные двойные кавычки лишние. Других ошибок не вижу. Ну и все js должны быть в кодировке UTF-8 без BOM.
После изменения\добавления\удаления js нужно объязательно очистить кэш автозапуска.
 
Добавлено:
Файл userChrome.js у меня в папке /chrome/, а не в /userChrome/.

Всего записей: 8887 | Зарегистр. 14-09-2020 | Отправлено: 16:28 12-01-2025
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, спасибо, исправил, работает, только сгинул пункт Mute Tab)

Всего записей: 683 | Зарегистр. 04-08-2013 | Отправлено: 17:43 12-01-2025
ED_Sln



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

Всего записей: 1603 | Зарегистр. 05-11-2009 | Отправлено: 18:01 12-01-2025
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, можно ли изменить цвет иконки расширения "Copy Url" в URLbare?
такой код не сработал:
#pageAction-urlbar-_c0c63e02-d8b5-4b8d-accf-d29e3735f58a_ > image:nth-child(1) {
fill: #3683ba !important;
}

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 18:16 12-01-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
Цитата:
работает, только сгинул пункт Mute Tab)
У меня он скрыт
Код:
/* userChrome.css */
#context_toggleMuteTab,
.share-tab-url-item {
    display: none !important;
}

 
Добавлено:
doud
Код:
/* userChrome.css */
#pageAction-urlbar-_c0c63e02-d8b5-4b8d-accf-d29e3735f58a_ {
color: #3683ba !important;
}
Расширение не использую, проверить не могу.

Всего записей: 8887 | Зарегистр. 14-09-2020 | Отправлено: 18:56 12-01-2025
doud



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

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 19:37 12-01-2025
Death_INN

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

Цитата:
Подскажите, можно ли изменить цвет иконки расширения "Copy Url" в URLbare?

Не знаю, что за расшира, скорее всего галимая, но раз pageAction-urlbar-, то один из способов решения - это задать композитный фильтр и тогда можно красить

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 19:47 12-01-2025
doud



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

Цитата:
композитный фильтр  

А как это сделать, я в кодах не особо...
 

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 20:12 12-01-2025
Death_INN

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

Код:
#pageAction-urlbar-_c0c63e02-d8b5-4b8d-accf-d29e3735f58a_ > image {
  filter: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill") !important;
  fill: #3683ba !important;
}

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 20:21 12-01-2025 | Исправлено: Death_INN, 20:33 12-01-2025
doud



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

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 21:41 12-01-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, могу предложить ламерскую реализацию скрипта из этого поста

Код:
(async (el, url) => {
    if (location != url) return;
    el.before(document.getElementById("context_closeTabsToTheStart"));
    el.before(document.getElementById("context_closeTabsToTheEnd"));
    el.before(document.getElementById("context_closeOtherTabs"));
    el.style.visibility="collapse";
})(document.getElementById("context_closeTabOptions"), "chrome://browser/content/browser.xhtml");

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 11:02 13-01-2025
deannik

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

Всего записей: 683 | Зарегистр. 04-08-2013 | Отправлено: 14:30 13-01-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Спс, работает, будет в коллекции. Пока использую css-стиль, смещающий три пункта влево поверх основного меню.
deannik
Кажется, меню - это строка меню, которая выше табов, а гамбургер - это меню приложения (app menu), а то я уж начал смотреть для меню "Файл" (есть и такой скрипт перезапуска).
Скрипт

Всего записей: 8887 | Зарегистр. 14-09-2020 | Отправлено: 14:47 13-01-2025 | Исправлено: gutasiho, 14:48 13-01-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, я еще делаю скрипт, который добавляет плюс и крест на навигационную панель главного контекстного меню. Левый клик на плюсе откроет новую вкладку вслед за текущей, а правый - в конце. Левый клик на кресте закрывает текущую вкладку; правый - закрывает все вкладки справа от текущей; средний - закрывает все вкладки, кроме текущей. Ну а закрытие вкладок слева от текущей мне не нужно, но можно навесить при желании что угодно

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 15:12 13-01-2025
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • deannik (14:30 13-01-2025 UTC+3)
    Цитата:
    А есть рабочий скрипт перезапуск в меню?

    Берите ucf-appmenu-restart-button, пользуйтесь...

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

  • Всего записей: 840 | Зарегистр. 22-10-2002 | Отправлено: 15:25 13-01-2025
    gutasiho

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Death_INN
    Цитата:
    я еще делаю скрипт, который добавляет плюс и крест на навигационную панель главного контекстного меню
    Ого, то для меня слишком большой функционал, столько не запомню. В том месте предпочитаю Scroll Top\Scroll Bottom, хотя пока пользуюсь постоянно висящими поверх контента бутонами от GreaseMonkey
     

    Всего записей: 8887 | Зарегистр. 14-09-2020 | Отправлено: 16:49 13-01-2025
    deannik

    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    gutasiho
    Farby
    Спасибо. Кстати, этот скрипт тоже работает (забыл очистить startupCache), только не полностью: не отображается иконка и не перегружается по ПКМ. Как перевернуть здесь иконку? Если добавить transform: rotate(90deg)переворачивает, но не так. Надо развернуть в другую сторону.

    Всего записей: 683 | Зарегистр. 04-08-2013 | Отправлено: 17:17 13-01-2025 | Исправлено: deannik, 17:30 13-01-2025
    Farby

    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • deannik (17:17 13-01-2025 UTC+3)
    Цитата:
    Надо развернуть

    Попробуйте так:
    Код:
    transform: rotateY(0.5turn);


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

  • Всего записей: 840 | Зарегистр. 22-10-2002 | Отправлено: 18:06 13-01-2025
    gutasiho

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    v136.0a1 таки зажыгает! Дистриб с ц.п. от 9 янв., все используемые скрипты сохранили работоспособность. Дистриб с ц.п. от 13 янв., уже как минимум три скрипта отвалились, и это так, по-быстрому глянул.
    Кста, скрипт перезапуска (пост Farby) отвалился (глянул для интереса), скрипт перезапуска (пост gutasiho) не отвалился.
    Похоже, таки много чудных мгновений нас ожидает.
     

    Всего записей: 8887 | Зарегистр. 14-09-2020 | Отправлено: 21:50 13-01-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