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

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

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

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
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd Ссылка
 
grom17
Цитата:
Если background-color: заменить на content:, то код перестаёт работать.

А зачем это заменять на content я писал про добавление иконок с background-image вот только это можно заменить на content, а background-color оставить как есть.

Цитата:
Есть подсветка строки при наведении.

какая тут может быть подсветка вы добавляете даже не на псевдоэлемент а прямо на пункт #context-openlinkintab {
background-image: url("../../css-files/icons/tab_plus.svg"); иконку ну это бред, а цвет текста правильно color: но зачем это писать на каждом пункте, если не нужно выделить конкретный то это должен быть общий код для элементов menu, menuitem

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

вы путаете подсветка и подавление иконок разные вещи, опять же см. мой menu.css там до комментария  /* <-- menu */ идет только сам стиль для меню включая подсветку при наведении, а после комментария /* icons in menu --> */ добавление иконок.
 
Добавлено:
color и др. свойства можно добавить таким образом

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

Всего записей: 887 | Зарегистр. 13-10-2013 | Отправлено: 13:51 16-02-2026 | Исправлено: Vitaliy977, 14:09 16-02-2026
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите пожалуйста. Вроде встречался скрипт, для преобразования текстовых ссылок в кликабельные, или я ошибся. Что то глючить аддон Linkificator стал. А кнопка из набора Vitaliy977, работает как то странно. На время сессии, включать необходимо вручную. А вариант с правой кнопкой, не работает почему то. Неудобно.

Всего записей: 1341 | Зарегистр. 22-10-2012 | Отправлено: 14:50 16-02-2026
grom17



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

Код:

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

Да, это то, что нужно!
Посмотрел ваш menu.css там много чего изменено. Не буду "заморачиваться", сделаю по образу и подобию.
Благодарю за помощь, всё доходчиво и понятно.

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

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

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