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

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

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

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-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 8127 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
Farby

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Death_INN (23:03 05-03-2024 UTC+3)
    Цитата:
    требуются права agent sheet, которые никак не получить без скрипта.

    Могу подарить за бесплатно UserCSSLoader, у меня даже есть адаптированный под загрузчик от ксяо.

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...
    • Всего записей: 800 | Зарегистр. 22-10-2002 | Отправлено: 23:42 05-03-2024
    grom17



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

    Цитата:
    требуются права agent sheet, которые никак не получить без скрипта

    Немного сложно для меня. Я даже не знаю куда эти файлы положить.
    Всего записей: 1528 | Зарегистр. 12-10-2002 | Отправлено: 00:24 06-03-2024
    gutasiho

    Gold Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    grom17
    Если помню, то скрипт, дающий права агента, кладется в папку скриптов и активируется тем же способом. В этой теме есть этот скрипт, и скрипты для тултипов. В итоге можно получить, что ВСЕ тултипы будут унифицированы (панели избранного, боковой панели, кнопок браузера, расширений и скриптов, табов, ссылок в контенте страницы). Только в последней паре билдов Firefox тултипы табов выглядят несколько иначе, т.к. корпорация Mozilla внесла изменения.
    И не помню, участвует ли в этом скрипт Agent Sheet.
    Тултипы трех кнопок управления окном в правом верхнем не поддаются кастомизации, т.к. их формирует вроде как сама система, а не браузер.
     
    Всего записей: 8127 | Зарегистр. 14-09-2020 | Отправлено: 08:43 06-03-2024
    Death_INN

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

    Цитата:
    Могу подарить за бесплатно UserCSSLoader

    Супер. Почему упоминается Stylish? В обезьянах заведется? До FF128 пахать будет

    Цитата:
    у меня даже есть адаптированный под загрузчик от ксяо

    Вроде и для config.js имеется загрузчик
     
    grom17, раз тебе понадобился скрипт, то нужно для начала определиться каким способом ты будешь добавлять поддержку. Либо ты ставишь UCF и уже в нем разбираешся, что куда и как, либо без UCF
    Всего записей: 3691 | Зарегистр. 24-10-2002 | Отправлено: 18:24 06-03-2024 | Исправлено: Death_INN, 18:33 06-03-2024
    grom17



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

    Цитата:
    Либо ты ставишь UCF и уже в нем разбираешся, что куда и как, либо без UCF

     
    Я в этом не очень. Как по мне, чем проще - тем лучше.
    Всего записей: 1528 | Зарегистр. 12-10-2002 | Отправлено: 19:27 06-03-2024
    kokoss19

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

    Цитата:
    Я в этом не очень. Как по мне, чем проще - тем лучше.

    Если проще, то такой вариант для файла config.js. Но он уже не работает в актуальных версиях Фокса!

    ----------
    Win7 / FF115
    Всего записей: 2140 | Зарегистр. 16-07-2018 | Отправлено: 20:29 06-03-2024
    Farby

    Advanced Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Death_INN (18:24 06-03-2024 UTC+3)
    Цитата:
    Супер. Почему упоминается Stylish?

    В те времена XUL приложения такие,как Stylish умели AGENT_SHEET и ещё пару разных фичь.

    Цитата:
    В обезьянах заведется?

    Ну если обезьяна скатится до уровня XUL приложения. Насколько я помню это был гришка 3,XX или скриптиш, то там можно запускать скрипты подгружающие стили, но это просто история.

    Цитата:
    До FF128 пахать будет

    Шансов что покоцают очень мало, скрипт UserCSSLoader переписан по новым традициям IOUtil, PathUtil, FileUtil, их только приторобанили в firefox, а выпиливать если что будут лет десять...
    И как я писал ранее он для userChromeJS от ксяо тестировал на себе при грамотном прикручивании будет работать в UCF, но зачем, там свой загрузчик.
     
    Добавлено:
    и ещё чуть чуть Griever последний раз обновил UserCSSLoader двенадцать лет назад.

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...
    • Всего записей: 800 | Зарегистр. 22-10-2002 | Отправлено: 00:33 07-03-2024
    Death_INN

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

    Цитата:
    Если проще, то такой вариант для файла config.js. Но он уже не работает в актуальных версиях Фокса!

    Мне не понятен этот код. Если пытаемся зарегить css файл с правами агента, то зачем прописывать стили и наоборот. Столько времени прошло и никто не попробовал как-то упросить или переделать. Я-то не шарю в этом, но по логике достаточно определить константу со стилями, закодировать и зарегить эти стили с агент правами.
    Всего записей: 3691 | Зарегистр. 24-10-2002 | Отправлено: 01:00 07-03-2024
    kokoss19

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

    Цитата:
    Мне не понятен этот код. Если пытаемся зарегить css файл с правами агента, то зачем прописывать стили и наоборот. Столько времени прошло и никто не попробовал как-то упросить или переделать

    Мне тоже... Есть ещё такой вариант кода без использования стиля.

    ----------
    Win7 / FF115
    Всего записей: 2140 | Зарегистр. 16-07-2018 | Отправлено: 08:51 07-03-2024 | Исправлено: kokoss19, 08:51 07-03-2024
    Death_INN

    Silver Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    kokoss19, код старый. io уже давно есть в Services. Чисто для стиля такой код придумал. Кто разбирается, может поправит
    Всего записей: 3691 | Зарегистр. 24-10-2002 | Отправлено: 09:46 07-03-2024 | Исправлено: Death_INN, 09:49 07-03-2024
    kokoss19

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

    Цитата:
    код старый.

    Да, старый, я просто не использую такой вариант, так как использую UCF.

    Цитата:
    Чисто для стиля такой код придумал.

    Круто, работает!

    ----------
    Win7 / FF115
    Всего записей: 2140 | Зарегистр. 16-07-2018 | Отправлено: 10:09 07-03-2024
    gutasiho

    Gold Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Для "все тултипы на одно лицо" в v123 и v115 с Aris-t2 работает это (я так понимаю, это сам стиль с правами Agent Sheet, есть сходство с кодом выше от Death_INN) + это (тултип линка у курсора).
    Всего записей: 8127 | Зарегистр. 14-09-2020 | Отправлено: 10:22 07-03-2024 | Исправлено: gutasiho, 16:37 07-03-2024
    Death_INN

    Silver Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    gutasiho, не сходство, а полный аналог и может без Aris-t2 пахать, а уж если прихлопнут автоконфиг, то нигде не будет.
    Если не пашет makeURI, то заменить на Services.io.newURI. Необходимость charset=UTF=8 остается под вопросом.
    sss.AGENT_SHEET = 0, поэтому сразу 0 поставил, хотя это не есть гуд
    const, var или let - даже не знаю, что лучше
    Если нет ошибок, то можно вместо try {...} catch(e){Cu.reportError(e)}; писать
    (function () {...})();
    или
    (() => {...})();
    Всего записей: 3691 | Зарегистр. 24-10-2002 | Отправлено: 11:05 07-03-2024 | Исправлено: Death_INN, 11:21 07-03-2024
    gutasiho

    Gold Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Таб всегда открывается под одним и тем же именем Gravity , как сделать ему собственный персональный фон и шрифт (в панели табов, не в контенте)?
    Всего записей: 8127 | Зарегистр. 14-09-2020 | Отправлено: 12:44 07-03-2024 | Исправлено: gutasiho, 12:45 07-03-2024
    grom17



    Advanced Member    		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
    У меня сейчас так:
    Если что не так, поправьте.
    Всего записей: 1528 | Зарегистр. 12-10-2002 | Отправлено: 13:54 07-03-2024 | Исправлено: grom17, 17:10 07-03-2024
    Death_INN

    Silver Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    gutasiho, если добавить в стиль букву i, то Gravity будет без учета регистра символов

    Код:
    .tabbrowser-tab[label*="Gravity"] .tab-background {
      background-color: green;
    }
    Всего записей: 3691 | Зарегистр. 24-10-2002 | Отправлено: 14:44 07-03-2024 | Исправлено: Death_INN, 15:21 07-03-2024
    gutasiho

    Gold Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Death_INN
    Спасибо.
    grom17
    Насколько мне позволило терпение и соображалка, если в виде сепаратного css-стиля, то:
    1- не действует на тултипы: кнопки вертикального тулбара, кнопки расширений и скриптов панели инструментов (это возможно только с правами Agent Sheet).
    2- действует на тултипы: ссылки избранного, родные кнопки браузера на панели инструментов, ссылки в контексте (только если стоит соответствующий скрипт), таба (только если включен "старый" вид тултипа таба, как в версии <v123)
    Кажется, много излишнего кода, все то же самое можно получить стилем из 14 строк.
    Если вставить в скрипт, дающий права Agent Sheet, то будет эффект по п.1, но это не смотрел.
    Всего записей: 8127 | Зарегистр. 14-09-2020 | Отправлено: 16:12 07-03-2024
    grom17



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

    Цитата:
    Кажется, много излишнего кода, все то же самое можно получить стилем из 14 строк.

    Полностью согласен, только навыков маловато, буду дальше "ковырять", может чего сам поправлю. Всё равно, спасибо за участие.
    Всего записей: 1528 | Зарегистр. 12-10-2002 | Отправлено: 16:33 07-03-2024
    Death_INN

    Silver Member    		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    grom17, а для чего юзать стили тултипов, где куча мала? Я вот забил в поиск "#btTooltip" и ничего не нашел. Либо этот селектор был в очень старых версиях брауза, либо входит в состав какого-либо расширения, либо в операционках, отличных от винды
    Всего записей: 3691 | Зарегистр. 24-10-2002 | Отправлено: 17:43 07-03-2024
    grom17



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

    Цитата:
    а для чего юзать стили тултипов, где куча мала?

    Чем бы дитя не тешилось, лишь бы ... (это я про себя)
    Я вот тоже думаю: ...а оно мне надо? Буду "причесывать" другие стили. Там тоже есть над чем поработать.
    Всего записей: 1528 | Зарегистр. 12-10-2002 | Отправлено: 17:56 07-03-2024 | Исправлено: grom17, 18:01 07-03-2024
    Открыть новую тему     Написать ответ в эту тему

    Страницы: 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

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