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

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

Модерирует : 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 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175

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

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-селекторов элементов интерфейса встроенными средствами браузера

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
876
Цитата:
 выплывающий  sidebar  с css от  Death_INN
...по-прежнему работает, вид у боковой панели не поменялся, могу только допустить, что в основных настройках Firefox не снята птичка "показывать боковую панель".
Пробуйте оный css поместить в начало userChrome.css, в конец, импортировать.
Еще один юзер поделился, что у него заработал, если заменить первую строку
Код:
#browser {
:where(#main-window) #browser {  
Так же в теме имеется линк на другой css, работающий при любой погоде.
 
Добавлено:
Кстати, с первым стилем, если мышку двинуть до границы окна, сайдбар не всплывет. Нужно недодвигать мышку пикселей на 50-70, тогда выезд панели четкий.

Всего записей: 9196 | Зарегистр. 14-09-2020 | Отправлено: 08:59 30-10-2025
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
Скрипт Toggle GIF Animation для UCF

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

Всего записей: 868 | Зарегистр. 22-10-2002 | Отправлено: 14:38 30-10-2025
876



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

Цитата:
А от MrOtherGuy работает firefox-csshacks/chrome/autohide_sidebar.css at master · MrOtherGuy/firefox-csshacks · GitHub
 

 
у меня не работает и раньше не работал  из css стоит только tabs  под адресной строкой  
 
Добавлено:

Цитата:
...по-прежнему работает, вид у боковой панели не поменялся, могу только допустить, что в основных настройках Firefox не снята птичка "показывать боковую панель".
Пробуйте оный css поместить в начало userChrome.css, в конец, импортировать.
Еще один юзер поделился, что у него заработал, если заменить первую строку

 
разобрался - у меня userchromefiles стоял который тоже перестал рабоать - он и мешал  
 

Цитата:
Кстати, с первым стилем, если мышку двинуть до границы окна, сайдбар не всплывет. Нужно недодвигать мышку пикселей на 50-70, тогда выезд панели четкий.

 
у меня как то нечетко он срабатывает  и неплохо бы сделать более плавное выезжание  

Всего записей: 261 | Зарегистр. 21-08-2002 | Отправлено: 15:54 30-10-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А в "Toggle GIF Animation" при клике по кнопке анимация останавливается сразу во всех вкладках? Меня интересует только в текущей, соответственно и значок кнопки менять не нужно. Потом себе так сделаю
Версия скрипта, требующая обновления страницы, наверняка не интересует тех, у кого есть скрипт для быстрого переключения параметров about:config

Всего записей: 4067 | Зарегистр. 24-10-2002 | Отправлено: 16:28 30-10-2025
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Death_INN (16:28 30-10-2025 UTC+3)
    Цитата:
    Меня интересует только в текущей

    именно так и работает, а ещё работает при // @onlyonce, но load all main не проверял...

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

  • Всего записей: 868 | Зарегистр. 22-10-2002 | Отправлено: 16:39 30-10-2025
    alloledd

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Farby
    Цитата:
    Скрипт Toggle GIF Animation для UCF

    А как их подключить? В user_chrome_files у меня не работают.
     
    Добавлено:
    Кнопка таки появилась, но не фига не переключает.

    Всего записей: 7544 | Зарегистр. 25-10-2019 | Отправлено: 18:43 30-10-2025 | Исправлено: alloledd, 19:40 30-10-2025
    Farby

    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • alloledd (18:43 30-10-2025 UTC+3)
    Цитата:
    А как их подключить?

    А как не скажу, ибо нет у меня UCF!! Читайте мат часть.
    P.S.: пишите FAQ, обращайтесь к/тормошите создателя...

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

  • Всего записей: 868 | Зарегистр. 22-10-2002 | Отправлено: 21:14 30-10-2025
    alloledd

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Farby
    Цитата:
    А как не скажу, ибо нет у меня UCF!! Читайте мат часть.
    P.S.: пишите FAQ, обращайтесь к/тормошите создателя...

    Дык создатель же три года назад ушёл с форума по политическим мотивам, так что тормошить некого. Я думал, может ты другим каким-нибудь способом подключал. А в новом UCF там вроде как всё просто, закидываешь скрипты в папку, обновляешь страницу с настройками UCF, ставишь соответствующие галки и перезагружаешь FF и усё. После этого кнопка появляется, один раз после открытия страницы нажимается, иконка с разрешено меняется на запрещено, при этом на анимацию такое нажатие никак не влияет.  Так что подозреваю, что проблема в скриптах.

    Всего записей: 7544 | Зарегистр. 25-10-2019 | Отправлено: 07:59 31-10-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    На каком сайте тестируете отключение анимации?
     
    alloledd this.addEventListener("command", () => this.gifAnimation.toggle());

    Всего записей: 4067 | Зарегистр. 24-10-2002 | Отправлено: 12:42 31-10-2025
    alloledd

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Death_INN, здесь и тестирую. А разве это имеет значение?
    Если для замены этой строки  this.addEventListener("command", e => e.target.gifAnimation.toggle()); то ничего не изменилось

    Всего записей: 7544 | Зарегистр. 25-10-2019 | Отправлено: 13:28 31-10-2025
    Death_INN

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

    Цитата:
    А разве это имеет значение?

    Да, может быть несколько анимированных значков и некоторые из них во фреймах

    Цитата:
    то ничего не изменилось

    Смотри ошибки в консоли. В UCF от 2025.8.6 пашет, но проверял в FF143
     

    Всего записей: 4067 | Зарегистр. 24-10-2002 | Отправлено: 14:24 31-10-2025
    alloledd

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

    Цитата:
    Да, может быть несколько анимированных значков и некоторые из них во фреймах  

    Ну так иконка кнопки то по-любому должна переключаться.

    Цитата:
    Смотри ошибки в консоли.

    Uncaught TypeError: can't access property "getAnonymousElementByAttribute", btn.ownerDocument is undefined
        updateState chrome://user_chrome_files/content/custom_scripts/toggleGifAnimation.js:84
        receiveMessage chrome://user_chrome_files/content/custom_scripts/toggleGifAnimation.js:107
    5 toggleGifAnimation.js:84:56
        updateState chrome://user_chrome_files/content/custom_scripts/toggleGifAnimation.js:84
        receiveMessage chrome://user_chrome_files/content/custom_scripts/toggleGifAnimation.js:107

    Всего записей: 7544 | Зарегистр. 25-10-2019 | Отправлено: 14:52 31-10-2025
    Andrewnews

    Junior Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    alloledd попробуй так toggleGifAnimation.uc.js Подробнее... и в toggleGifAnimation.js Подробнее...
    на сайте https://static.tildacdn.com/tild3563-3566-4632-a565-613433656232/jyp_motion_graphics_.gif
     
    Добавил.
    Еще короче одним файлом для UCF  Подробнее...

    Всего записей: 64 | Зарегистр. 06-10-2008 | Отправлено: 15:21 31-10-2025 | Исправлено: Andrewnews, 08:28 01-11-2025
    xrun1



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

    Цитата:
    Еще короче одним файлом для UCF

    Работает, только нет названия кнопки в настройках. На панели подсказка есть. Проверял на своём профиле. Может в чистом и сработает описание, проверьте, пожалуйста. Спасибо.
       
    UPD: Проверил на чистом. Нет текста под иконкой кнопки.

    Всего записей: 1072 | Зарегистр. 26-12-2009 | Отправлено: 02:44 01-11-2025 | Исправлено: xrun1, 03:12 01-11-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    У меня такой background скрипт Toggle GIF Animation без смены тулбар иконки, прослушек и  проверок

    Всего записей: 4067 | Зарегистр. 24-10-2002 | Отправлено: 03:13 01-11-2025 | Исправлено: Death_INN, 10:15 01-11-2025
    Andrewnews

    Junior Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    xrun1 добавил  - btn.setAttribute("label", this.label);

    Всего записей: 64 | Зарегистр. 06-10-2008 | Отправлено: 08:29 01-11-2025
    xrun1



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

    Всего записей: 1072 | Зарегистр. 26-12-2009 | Отправлено: 10:20 01-11-2025
    alloledd

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Andrewnews
    Цитата:
    Еще короче одним файлом для UCF  Подробнее... [?]

    Первый вариант не пробовал, а этот так просто идеальный, именно так она и работала в CB. Спасибо огромное.

    Всего записей: 7544 | Зарегистр. 25-10-2019 | Отправлено: 11:15 01-11-2025
    grom17



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Подскажите пожалуйста, как убрать эти "лишние" обводки-окантовки?
     

    Всего записей: 1687 | Зарегистр. 12-10-2002 | Отправлено: 18:20 02-11-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    авто скрытие левосторонней боковой панели закладок FF144.0
    Код
     
    grom17

    Цитата:
    Подскажите пожалуйста, как убрать эти "лишние" обводки-окантовки?

    Код:
    @-moz-document url-prefix(about:preferences) {
        input[type="search"]:focus-visible {
            outline-style: solid !important;
            outline-color: rgb(0, 97, 224) !important;
            --input-text-border: 1px solid rgb(0, 97, 224);
            box-shadow: 0 0 16px 0;
        }
    }

    Всего записей: 4067 | Зарегистр. 24-10-2002 | Отправлено: 22:20 02-11-2025 | Исправлено: Death_INN, 23:20 02-11-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 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175

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

    LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

    Рейтинг.ru