Mozilla Firefox: стили userChrome.css и скрипты js - [113] :: Программы :: Компьютерный форум Ru.Board
Перейти из форума на сайт.

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

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

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
Или так (не снижает безопасность!):
Код:
security.browser_xhtml_csp.enabled = true
security.browser_xhtml_csp.report-only = true (в v141.0+ этот параметр упразднен, заменен на security.csp.reporting.enabled. Логика работы не изменилась.)
3\ v139+: если некоторые скрипты JS не работают, можете сделать так (снижает безопасность!):
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

Полезные ссылки
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Это просто расположение панели, которое можно изменить заменой одной строчки кода
Согласен, так и сделано в коде от aborix. Ок, если напишете, что на что заменить, заюзаем.
Цитата:
Скрипт от aborix привлек своим минимализмом - всего 15 строчек кода  

Цитата:
к этому коду прикрутил бы сочетание клавиш для показа/скрытия.
Ок, если прикрутите 'Alt + /', как у Aris, заюзаем.
Цитата:
toggle кнопка - это усложнение и разбухание кода.
Еще как, 15 строчек без бутона и 200 с бутоном.

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 12:58 28-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, В addonbar_with_toggle_button.uc.js заменить
 
document.getElementById('browser').parentNode.appendChild(tb_addonbar);
 
на одно из двух ниже. При определенных условиях может и есть между ними разница, но точно не знаю
 
document.getElementById('navigator-toolbox').insertBefore(tb_addonbar, null);
document.getElementById('navigator-toolbox').appendChild(tb_addonbar);

Цитата:
Ок, если прикрутите 'Alt + /', как у Aris, заюзаем

Код [?]. Может есть косяки, но уж точно сочетание не будет пахать в новых окнах

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 19:34 28-12-2024 | Исправлено: Death_INN, 20:03 28-12-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Оба скрипта с исправлениями работают, спасибо. Маленький скрипт, который только с хоткеями, работает и в новом окне браузера, если это имелось в виду (пкм - открыть ссылку в новом окне).  
Ассортимент верхних панелей существенно вырос.

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 21:54 28-12-2024
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Death_INN (19:34 28-12-2024 UTC+3 [?])
    Цитата:
    key.setAttribute("key", "/");
        key.setAttribute("modifiers", "accel");  

    .....
    Цитата:
    'Alt + /
    Удачи!!!


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

  • Всего записей: 830 | Зарегистр. 22-10-2002 | Отправлено: 22:44 28-12-2024
    ttettette

    Junior Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Возможно ли поменять favicon сайта через css? пишут, что нет,
    но иконку закладки получилось поменять через css, идеально, а
    favicon предлагают расширением менять, например favicon-switcher,
    он меняет, но медленно - сначала обновлённая уродская иконка сайта появляется, потом расширение срабатывает и меняет на нужную иконку.
     
    Может, есть способ замены favicon сайта побыстрее, чтобы сразу сайт грузился с нужной иконкой? не обязательно css, может скрипт хитрый, который можно вставить в Greasemonkey?

    Всего записей: 112 | Зарегистр. 07-07-2013 | Отправлено: 11:45 29-12-2024
    Death_INN

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

    Цитата:
    Возможно ли поменять favicon сайта через css?

    Да, но только не по адресу сайта, а по названию вкладки

    Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 14:53 29-12-2024 | Исправлено: Death_INN, 14:53 29-12-2024
    unter_officer



    Member
    Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
    Death_INN
    Цитата:
    Да, но только не по адресу сайта, а по названию вкладки

    А можно примерчик CSS для наглядности?

    ----------
    «The Truth Is Out There»

    Всего записей: 356 | Зарегистр. 03-08-2008 | Отправлено: 21:52 29-12-2024
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    unter_officer, вот для этого сайта. Можно без fill, а сразу через background с центровкой(размером)(смещением). Все зависит от того, какая иконка и в каком формате

    Код:
    .tabbrowser-tab:not([busy])[label="UPLOAD.EE"] .tab-icon-image {
      object-position: 16px 0;
      background-image: url("своя иконка");
      fill: aqua !important;
    }

    Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 23:01 29-12-2024
    unter_officer



    Member
    Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
    Death_INN, спасибо. Интересное решение. Возьму на заметку.
     
    P.S. А я сейчас скриптом Виталия пользуюсь: https://forum.mozilla-russia.org/viewtopic.php?pid=793116#p793116

    ----------
    «The Truth Is Out There»

    Всего записей: 356 | Зарегистр. 03-08-2008 | Отправлено: 23:32 29-12-2024
    Pasa235514



    Junior Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Death_INN
     
    Вобщем нашёл я нормальные иконки динамика, сделал для светлого и тёмного режима две иконки, в двух вариантах.
    Как в парвом так и втором, подумываю, сузить шапку (полоса закладок, адресная строка, полоса владок) браузера на сколько то px, ну или просто например по два пикселя сверху и снизу сузить окошки вкладкой (нужно тестировать как будет смотреться). Если поможете, норм будет.
    Ещё наверное нужно задать меньшее время для исчезновения значка динамика при отключении звука/остановки видео контента.  
    Перый вариант с иконкой динамика после фавиконы сайта.
    Тёмный режим https://streamable.com/7ge4bb
    Светлый режим https://streamable.com/drkmhv
     
    Второй вариант с иконкой в конце вкладки. Химичил, тут... вобщем при тёмном режиме при наведении на вкладку, вылазит кусок прозрачного (бред конечно с этим фоном, хочу затемнение "плавное", как в хроме вобщем) фона, в левой части вкладки, перед фавиконкой сайта.
    Тёмный режим https://streamable.com/4w7veq
    Светлый https://streamable.com/15cm8l
    Иконки динамиков в base64 перевёл. Норм.
     
    Первый вариант [?]
     
    Второй вариант [?]
     
    Добавлено:
    Да, заметил в обоих вариантах, при загрузки страницы, фавикаонка с текстом в право уходят, нужно вернуть на умолчание.  
    Так должно быть - https://streamable.com/lrmklo
    Так сейчас - https://streamable.com/csuxvq

    Всего записей: 154 | Зарегистр. 23-04-2011 | Отправлено: 00:11 31-12-2024
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Pasa235514, можно было намного все упростить, если смириться с тем, что когда появляется динамик, то мы не видим фавикон сайта.
    Убери все стили и сравни как будут выглядеть вкладки, в том числе с динамиком при таких настройках:
     
    browser.compactmode.show = true
    browser.uidensity = 1
     
    Чтобы при клике по динамику ниче не происходило, ты можешь для него в стилях заюзать
    user-select: none;

    Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 16:13 31-12-2024 | Исправлено: Death_INN, 16:14 31-12-2024
    Pasa235514



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

    Цитата:
    можно было намного все упростить, если смириться

    Нет. без "смириться".
     

    Цитата:
    Убери все стили и сравни как будут выглядеть вкладки, в том числе с динамиком при таких настройках:
     
    browser.compactmode.show = true
    browser.uidensity = 1

     
    Я это уже проделывал. Эти два ключа одинаковую функцию несут.  1-й можно выбрать в настройках, 2-й сразу в компактный тебя переключает, можно убрать в том же месте настроек...
    С динамиком по умолчанию это бред. 1-й вариант моего стиля норм. 2-й вариант требует настройки. Ну и вот это в двух вариках нужно подкорректировать

    Цитата:
    Да, заметил в обоих вариантах, при загрузки страницы, фавикаонка с текстом в право уходят, нужно вернуть на умолчание.  
    Так должно быть - https://streamable.com/lrmklo
    Так сейчас - https://streamable.com/csuxvq

    Вы поможете с этим или ну нафиг? Не тороплю, как желание будет. Всё хотелки указаны выше.
    Ибо у вас опыт есть. У меня нет. Общаюсь с AI, пишу что хочу, они подбирают.... Долго.
     
    Добавлено:
    И да, всё хотел поинтересоваться да лень было об этом писать.  
    Что значит (НЕ ПОДДЕРЖИВАЮТСЯ) при выборе компактного режима?

    Всего записей: 154 | Зарегистр. 23-04-2011 | Отправлено: 18:48 31-12-2024 | Исправлено: Pasa235514, 18:55 31-12-2024
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Pasa235514, в компактном режиме динамик при воспроизведении виден сразу, а в не компактном - только при наведении.

    Цитата:
    фавикаонка с текстом в право уходят

    слишком замороченный код, но может дело в отступе для .tab-label-container без учета бизи.
    Либо исключать
    .tabbrowser-tab:not([busy]) .tab-label-container {}
    а если не устроит, то для режима бизи уменьшить отступ
    .tabbrowser-tab[busy] .tab-label-container {}

    Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 20:57 31-12-2024 | Исправлено: Death_INN, 21:07 31-12-2024
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Pasa235514, вариант через ухо без учета многого с нивелированием дефолтного сочетания. Ты можешь доработать, если нужно. Скрипт можешь подключить, например, методом Ариса из шапки

    Код:
    (url => {
        if (location != url) return;
        window.addEventListener("keypress", e => {
            if (e.ctrlKey && e.shiftKey && e.code == "KeyN") {
                e.preventDefault();
                OpenBrowserWindow({ private: true });
            }
        }, true);
    })("chrome://browser/content/browser.xhtml");

     
    Вот улучшенный код [?] с отсеканием срабатывания Ctrl+Shift+Alt+(N или P), и вроде сочетания должны обменяться

    Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 12:06 06-01-2025 | Исправлено: Death_INN, 00:59 08-01-2025
    Pasa235514



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

    Цитата:
    Вот улучшенный код с отсеканием срабатывания Ctrl+Shift+Alt+(N или P), и вроде сочетания должны обменяться

     
    А что значит с отсеканием, в прошлом коде было с alt? Ну да ладно.  
    Толкнул твой обновлённый код браузеру через ариса этого, вроде работает, благодарю, ага. Я думаю дорабатывать уже ничего не надо.
    https://i.imgur.com/REVm6Oj.mp4
    Ещё один шак к переходу на фирефокс сделан. ))) Смотрим далее....
    Дилетантский вопрос. А вот это "вмешательство" с помощью скриптов арис, ничё другое не ламают, дыры никакие не открывают "во вселенной"?

    Всего записей: 154 | Зарегистр. 23-04-2011 | Отправлено: 03:26 08-01-2025 | Исправлено: Pasa235514, 03:35 08-01-2025
    Death_INN

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

    Цитата:
    А что значит с отсеканием, в прошлом коде было с alt?

    Нужно, чтобы под условие нашего обработчика события "keypress" попадали только две клавиши (N и P). Событие возникает именно при их нажатии, но также учитывается состояние клавиш-модификаторов
     
    if (e.ctrlKey && e.shiftKey && !e.altKey)
    по русски: если зажата Ctrl и Shift и не зажата Alt, то условие истино
     
    В этом условии не учитывается управляющая мета клавиша с логотипом винды, т.е. в условие попадет комбинация Ctrl + Shift + Win, так что при желании можно отсечь мету
    if (e.ctrlKey && e.shiftKey && !e.altKey && !e.metaKey)
     
    Т.к. мы прослушку добавляли на окно, то вне окна или когда окно не активно, наш обработчик вызываться не будет
     

    Цитата:
    А вот это "вмешательство" с помощью скриптов арис, ничё другое не ламают

    Это зависит от содержимого скрипта, который ты добавляешь сам в userChrome.js и разрешаешь на выполнение (по событию load)

    Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 14:49 08-01-2025
    Pasa235514



    Junior Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Death_INN
    Если есть возможность, проверьте Ctrl+Shift+(N или P) в 134 версии. Что то у меня сломалось, всё вернулось на умолчание.

    Отбой. Из лички  
    "достаточно просто location"
    Оказалось не достаточно. Вернул обратнов в location.href Стало норм.
    Плохо: if (location !== url) return;
    Хорошо:  if (location.href !== url) return;
     

    Всего записей: 154 | Зарегистр. 23-04-2011 | Отправлено: 10:35 10-01-2025 | Исправлено: Pasa235514, 10:47 10-01-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Pasa235514, не знаю, откуда у тебя нарисовалось строгое неравенсто
    location != url // будет пахать
    location !== url // не будет

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



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

    Цитата:
    не знаю, откуда у тебя нарисовалось строгое неравенсто
    location != url // будет пахать
    location !== url // не будет

     
    Сам в шоке. Поправил. Спасибо!
     
    Вопрос по теме браузера. С помощью конструктора Firefox Color от Mozilla Firefox изменил слегка тему. Можно ли с помощью css (JS?) задать эти же настройки и избавится от расширения?
    С учётом того что у меня уже есть файлы в папке chrome от https://github.com/QNetITQ/WaveFox?tab=readme-ov-file (userChrome.css и две папки + от ариса) https://i.imgur.com/W8ZIQDu.png В том плане, что куда вставлять или создавать.
     
    Экспортированный из конструктора manifest.json

    Код:
    {
      "manifest_version": 2,
      "version": "1.0",
      "name": "theme",
      "theme": {
        "images": {},
        "properties": {},
        "colors": {
          "toolbar": "rgb(52, 61, 63)",
          "toolbar_text": "rgb(191, 200, 202)",
          "frame": "rgb(24, 33, 35)",
          "tab_background_text": "rgb(191, 200, 202)",
          "toolbar_field": "rgb(30, 39, 41)",
          "toolbar_field_text": "rgb(255, 255, 255)",
          "tab_line": "rgb(52, 61, 63)",
          "popup": "rgb(27, 28, 28)",
          "popup_text": "rgb(227, 226, 226)",
          "toolbar_bottom_separator": "rgb(70, 71, 71)",
          "tab_loading": "rgb(52, 61, 63)"
        }
      }
    }

    Всего записей: 154 | Зарегистр. 23-04-2011 | Отправлено: 11:45 10-01-2025
    gutasiho

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Заюзал v136.0a1, удивительно, но все мною используемые в текущих версия скрипты работают, ни один не отпал.
     
    Добавлено:
       
    Скрыпт [?]

    Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 11:52 12-01-2025 | Исправлено: gutasiho, 11:56 12-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

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