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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js (Часть 2)
Применение пользовательских стилей и скриптов в Firefox

Модерирует : gyra, Maz

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13

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

Maz



Дед Мазай
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Предыдущие части: часть 1




В теме обсуждается настройка внешнего вида Firefox с использованием userChrome.css, userContent.css, а так же использование скриптов js (uc.js).

Родственные темы: Mozilla Firefox | Расширения для Firefox | Mozilla Firefox. UCF (UserChromeFiles) - кнопки, скрипты
 
Обсуждение на "Форуме 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-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 39797 | Зарегистр. 26-02-2002 | Отправлено: 14:23 23-01-2026 | Исправлено: gutasiho, 15:11 12-02-2026
Yankell

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Спасибо, но не выходит, пробно закинул видео, где через downsub точно скачиваются автосубтитры - ютуп даёт отлуп, или "Sign in to confirm you’re not a bot", вот уж где не ожидал эту дрянь увидеть, или "Did not get any data blocks". Подключал прокси, менял, но скачать не удалось ни разу.
Подробнее...
Попробовал ещё через Media Downloader, он поддерживает командную строку, тоже не вышло.

Всего записей: 535 | Зарегистр. 26-11-2016 | Отправлено: 11:38 14-02-2026 | Исправлено: Yankell, 11:49 14-02-2026
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
не помню чтобы делал очистку колесиком, автоочистку по таймеру да недавно делал, а вам как надо?
 
Yankell
во первых нужно было заменить URL реальным, это не параметр, параметры обычно начинаются с --
во вторых я не зря добавил что может пригодится --cookies cookies.txt, но cookies.txt его ещё нужно получить из браузера где вы вошли в ваш аккаунт. Получить cookies.txt можно например расширением Get cookies.txt LOCALLY (желательно это делать в приватном окне), возможно есть и другие способы. И положить этот файл туда куда должны скачатся субтитры в данном случае.
У меня по вашей ссылке без cookies.txt получилось скачать только два английских субтитра один из которых сгенерирован автоматически, потом подключил cookies.txt и скачались с ru (автоперевод)  
 
P.S. Только не говорите что проще с downsub.com скачать, может и проще но он не может качать субтитры к видео с возрастным ограничением.

Всего записей: 882 | Зарегистр. 13-10-2013 | Отправлено: 12:43 14-02-2026 | Исправлено: Vitaliy977, 13:09 14-02-2026
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Очистить панель адреса или поиска прокруткой колёсиком мыши на панели
Ссылка
И правка для 135+ Ссылка

Код:
//        that.unloadlisteners.push("clearsearchurlbar");
        setUnloadMap(Symbol("clearsearchurlbar"), this.destructor, this);

Всего записей: 1108 | Зарегистр. 26-12-2009 | Отправлено: 13:26 14-02-2026
Yankell

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

Цитата:
во первых нужно было заменить URL реальным

А я решил, что после URL следует, собственно, адрес.
К сожалению, опять не получилось. В этот раз вроде же правильно прописал?
Подробнее...

Цитата:
во вторых я не зря добавил что может пригодится --cookies

Я не авторизируюсь в ютубе, у меня этих кукисов и нет, и не хочу через акк ходить. Если попадается видео с ограничением, скачиваю через сервис, но это предельно редко случается, и не факт, что мне нужны будут субтитры к нему, я их не все подряд качаю.

Цитата:
У меня по вашей ссылке без cookies.txt получилось скачать только два английских субтитра один из которых сгенерирован автоматически

Мне было бы достаточно автосгенерированного английского, но у меня, к сожалению, не качается никакой, я б и рад не полагаться на downsub, но что делать, если только через него получается.
 
upd Всё-таки я не блистаю умом и сообразительностью. Сменил yt-dlp на последнюю версию - команда сработала без всяких прокси. Большое спасибо за вашу помощь и терпение!

Всего записей: 535 | Зарегистр. 26-11-2016 | Отправлено: 14:03 14-02-2026 | Исправлено: Yankell, 14:17 14-02-2026
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Этот код поворачивает всю строку.

Код:
transform: rotate(90deg);

Как повернуть только иконку в контекстном меню?

Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 13:44 15-02-2026
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
А так?
Код:
img {
    /* flip horizontally */
    transform: scaleX(-1);
}

Код:
img {
    /* flip vertically */
    transform: scaleY(-1);
}

Код:
img {
    /* flip both */
    transform: scale(-1, -1);

Всего записей: 9465 | Зарегистр. 14-09-2020 | Отправлено: 13:55 15-02-2026
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho,
Цитата:
А так?
поворачивает всю строку
 
Например: мне нужно повернуть значек на 90 градусов по часовой (или против) стрелке в этом коде:

Код:
#context_moveTabOptions {
    background-image: url("../icons/icon.svg");
    }

Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 14:31 15-02-2026 | Исправлено: grom17, 14:38 15-02-2026
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Иконка в гамбургере
Код:
/* Save page as... */
#appMenu-save-file-button2 {
    list-style-image: url("chrome://browser/skin/save.svg");
}
 
#appMenu-save-file-button2 image {
    transform:rotate(90deg)!important;
}

Всего записей: 9465 | Зарегистр. 14-09-2020 | Отправлено: 15:07 15-02-2026 | Исправлено: gutasiho, 15:08 15-02-2026
grom17



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

Код:
#context_moveTabOptions {
    background-image: url("../../css-files/icons/arrow_swap.svg");
    }
#context_moveTabOptions {
    transform:rotate(90deg)!important;
}


 
Добавлено:
Если добавить image, тогда вообще ничего не происходит.

Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 15:30 15-02-2026
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Конт. меню ссылки
Код:
#context-savelink::before {
    background-image: url("..//icons//save_as.png") !important; /* relative path to icon */
    transform:rotate(90deg)!important;
}

Всего записей: 9465 | Зарегистр. 14-09-2020 | Отправлено: 15:59 15-02-2026
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Похоже у меня где-то ошибка закралась. В другой конфигурации работает корректно.
Будем искать...
 
Добавлено:
У Vitaliy977 работает.
 
Не могу понять где "засада"
P.S. Смысл этой "канители" в том, что в папке с иконками, есть значки которые можно использовать просто повернув их,
тем самым удалить, так сказать "ненужные" значки, облегчив тем самым вес папки userChrome, пусть даже и незначительно.

Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 17:16 15-02-2026
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
У Vitaliy977 работает.
Не могу понять где "засада"  

Так а вы сравните способ добавления иконок, и что вы поварачиваете этим transform: rotate - весь пункт с названием вместе, а нужно только img.menu-icon

Код:
#context_moveTabOptions>.menu-icon {
    visibility: visible !important;
    content: url("../icons/icon.svg");
    transform: rotate(90deg) !important;
}

И вообще в новых FF не нужны эти псевдоэлемент ::before и background-image,
стало же проще добавлять иконки, зачем это лепить, нужно всего лишь посмотреть мой menu.css как сделано и сделать аналогично для элементов menuitem и menu.

Всего записей: 882 | Зарегистр. 13-10-2013 | Отправлено: 19:11 15-02-2026 | Исправлено: Vitaliy977, 19:12 15-02-2026
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Цитата:
не помню чтобы делал очистку колесиком, автоочистку по таймеру да недавно делал, а вам как надо?  

Значит таки ошибся. Да мне нужна очистка findbar прокруткой колесом, если можно добавьте в код. Ну или сделайте как на ваш взгляд будет правильнее.  

Всего записей: 7819 | Зарегистр. 25-10-2019 | Отправлено: 19:35 15-02-2026
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977,
Цитата:
 сравните способ добавления иконок
,
Цитата:
новых FF не нужны эти псевдоэлемент ::before и background-image

 
Спасибо за очередную помощь, всё сделал как в вашем коде и всё встало на свои места!
 
Добавлено:

Цитата:
нужно всего лишь посмотреть мой menu.css как сделано и сделать аналогично для элементов menuitem и menu.

Ну, в общем я так и сделал.
 
Добавлено:
Ну и вдогонку вопрос: как сделать подсветку строки меню?
 

Код:
menu:where([_moz-menuactive]:not([disabled])), menuitem:where([_moz-menuactive]:not([disabled])) {
    background-color: var(--arrowpanel-dimmed) !important;
}
#placesContext_show_bookmark\:info {
    background-image: url("../../css-files/icons/edit-active.svg");
    color: #00a4d5 !important;
    }

 
Если background-color: заменить на content:, то код перестаёт работать.

Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 20:58 15-02-2026
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, box-shadow и т.п.
 
Добавлено:
Vitaliy977 если в .menu-icon content: через var, то дефолт какой лучше задать? В свое время ничего умнее url() не придумал

Всего записей: 4156 | Зарегистр. 24-10-2002 | Отправлено: 22:14 15-02-2026
grom17



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

...и куда это вписывать?
Я немного запутался в этой теме, поэтому прошу объяснить всё простыми словами.

Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 23:20 15-02-2026 | Исправлено: grom17, 03:46 16-02-2026
grom17



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

Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 03:46 16-02-2026 | Исправлено: grom17, 03:46 16-02-2026
Satanachia

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

Всего записей: 1339 | Зарегистр. 22-10-2012 | Отправлено: 09:32 16-02-2026 | Исправлено: Satanachia, 12:05 16-02-2026
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Речь о постоянной подсветке, как на Pin\Unpin?
 

Всего записей: 9465 | Зарегистр. 14-09-2020 | Отправлено: 12:08 16-02-2026
grom17



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

Код:
#context-openlinkintab {
background-image: url("../../css-files/icons/tab_plus.svg");
    color: rgba(255, 255, 0, .81) !important;
    }

    
Нет подсветки строки при наведении, хотелось бы что-бы была.

Код:
#context-openlinkintab >.menu-icon {
    visibility: visible !important;
    content: url("../../css-files/icons/tab_plus.svg");
    color: rgba(255, 255, 0, .81) !important;
    }

 
Добавлено:
Кстати, во втором варианте, подсвечивается только иконка, т.к. в первом, вся строка.

Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 13:23 16-02-2026 | Исправлено: grom17, 13:42 16-02-2026
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13

Компьютерный форум Ru.Board » Компьютеры » Программы » 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