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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 149 150 151 152 153 154 155 156 157 158 159 160 161

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

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

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
На сделанное с помощью стилей не распространяется . Привыкли всё подряд в скрипты совать , хотя мозиллой давно признано что они нещадно тормозят .

Всего записей: 2506 | Зарегистр. 15-07-2013 | Отправлено: 12:41 03-05-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho Добавил из твоего кода строку:
Цитата:
--tab-max-height: 32px !important;  

Только размер немного уменьшил.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 12:44 03-05-2025
inile

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Attributes Inspectorом смотрел. Все элементы перебрал. Никак.
Панель сделана стилями. За высоту отвечает следующий код:
Код:
/* Высота вкладок */
:root {--tab-min-height: 34px !important;}
:root[uidensity="touch"] {--tab-min-height: 38px !important;}
:root[uidensity="compact"] {--tab-min-height: 24px !important;}
.tabbrowser-tab[pinned] .tab-stack {overflow-y: clip;} .tab-background, .tab-content {
  height: var(--tab-min-height); margin-top: 0 !important; margin-bottom: 0 !important;}

В ff128 активная вкладка как пришитая к nav-bar. А в ff138 не получается так подогнать.

Всего записей: 1985 | Зарегистр. 29-06-2011 | Отправлено: 13:12 03-05-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
AlAvis
Не замечаю торможения из-за скриптов, но теоретически все, добавляемое в браузер, вызывает торможение, в т.ч. CSS, например, параметр "transparent" или иконки в base64.
А если бы и замечал, то ради привносимого скриптами удобства и функционала согласился бы на это.
inile
Во всех версиях высота таба поддается регулировке.

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 13:48 03-05-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
inile, взял пустой userChrome.css, прописал код, запустил FF138 и все пришилось. Вертикальные табы не смотрел - не юзаю.

Код:
.tab-background {
  --tab-block-margin: 0;
}

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 15:04 03-05-2025 | Исправлено: Death_INN, 15:05 03-05-2025
inile

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

Всего записей: 1985 | Зарегистр. 29-06-2011 | Отправлено: 15:55 03-05-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
inile, если ты хочешь реально изменить высоту вкладок в FF138, то код, который ты дал выше должен быть записан так
Рассмотрим компактный режим. Далее сразу видно, что уменьшить высоту не дает .tab-label-container, т.к. в нем явно задана высота 2.7em = 2.7 * 12 = 32.24px (при размере шрифта 12px)

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 16:12 03-05-2025
inile

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Да, разобрался. Просто убрал: height: var(--tab-min-height);
 
Спасибо ещё раз!

Всего записей: 1985 | Зарегистр. 29-06-2011 | Отправлено: 16:37 03-05-2025
Death_INN

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

Цитата:
В v139 в CSP (Content Security Policy - Политика безопасности контента) заблокировано выполнение кода eval(), как небезопасного

Может допилят заблочку к релизу, а пока в 139 с дефолт параметрами все мои скрипты с eval пашут

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 23:32 03-05-2025 | Исправлено: Death_INN, 23:34 03-05-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
У меня в userContent есть некоторые стили от: https://github.com/Godiesc/firefox-gx
Там в боковой панели при смене обоев, на домашней странице меняется цветовая палитра в зависимости от выбранных обоев.
Хочу "прикрутить" эту фишку что-бы верхние панели (меню, инструментов, вкладок) красились в соответствующие цвета при смене обоев.
Сам прицип работы я примерно понимаю, но как увязать это с userChrome, что-бы это работало не получается.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 13:15 04-05-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как переместить значек аккаунта налево?
 
Сейчас так:

 
Нужно так:

 
Добавил в about:config userChrome.icon.account_label_to_right к true
Код ниже не сработал.
Код:
  #fxa-menu-avatar {
    display: -moz-inline-box !important;
    margin-inline-end: var(--arrowpanel-menuitem-padding);
  }
  #fxa-menu-header-title, #fxa-menu-header-description {
    text-align: right;
  }

 
Добавлено:
Вопрос почти снят!

Код:
#fxa-manage-account-button::before {
    content: "";
    width: 18px !important;
    height: 18px !important;
    background-size: 18px;
    background-image: var(--avatar-image-url);
    margin-inline-end: var(--arrowpanel-menuicon-padding)
}

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 22:02 04-05-2025 | Исправлено: grom17, 10:17 05-05-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, у мя нет акка, но в первую очередь пробовал бы для аватара order: -1

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 15:48 05-05-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кто "прикалывается" прозрачностью всех меню в FF можно использовать этот код:
Код:
/* Прозрачность контекстного меню */
/* .menupopup-arrowscrollbox {
    opacity: 0.95;
} */
/* Прозрачность выпадающего меню URL панели */
#urlbar-background {
    opacity: 0.95;
}
/* Прозрачность выпадающего меню SEARCH панели */
panel[type="autocomplete-richlistbox"] {
    opacity: 0.95;
}
/* Прозрачность  меню Гамбургер и ближайших меню */
.animatable-menupopup, panel[type="arrow"] {
    opacity: 0.95 !important;
}

В чистом профиле это работает.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 20:56 05-05-2025 | Исправлено: grom17, 20:56 05-05-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Прозрачность добавляет работы браузеру. Кстати, знающий чел говорит, что пользовательские скрипты потребляют ресурсы только в момент выполнения скрипта. Как тут совместить сову с глобусом, не соображаю.

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 09:12 06-05-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
Прозрачность добавляет работы браузеру

Я понимаю, это действительно так, определённая нагрузка есть, но мы настолько привыкли к сумасшедшему темпу нашей жизни, что какие-то доли секунды задержки нас начинают "напрягать".
Толи дело в бытные времена: захотел позвонить, оделся, вышел на улицу к автомату, постоял в очереди некоторое время и позвонил. Но времена изменились и нужно жить в ногу со временем.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 11:13 06-05-2025 | Исправлено: grom17, 11:14 06-05-2025
AlAvis

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
пользовательские скрипты потребляют ресурсы
В фоне: ресурсы процессора - зависит от скрипта , а память - с момента запуска браузера .

Всего записей: 2506 | Зарегистр. 15-07-2013 | Отправлено: 11:15 06-05-2025
Death_INN

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

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 13:40 06-05-2025
Barral



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ребята, есть актуальный стиль для скрытия значка динамика на вкладке при воспроизведении видео (FF 138)?
Больше не работает:

Цитата:
.tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) {display: none !important;}
.tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > .tab-icon-image {opacity: 1 !important;}

Всего записей: 6195 | Зарегистр. 24-12-2002 | Отправлено: 13:58 06-05-2025 | Исправлено: Barral, 13:58 06-05-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Barral, а в какой работал? Для горизонтальных или вертикальных вкладок? Эти стили не актуальны и для 137.
А пока так, если сдвиг по фазе устроит

Код:
.tab-audio-button {
  display: none !important;
}

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 16:21 06-05-2025 | Исправлено: Death_INN, 16:47 06-05-2025
Barral



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

Цитата:
а в какой работал?  

Точно не вспомню, но перестал работать точно не в последних релизах.

Цитата:
А пока так, если сдвиг по фазе устроит  

Да, это работает. Но сдвиг раздражает ещё больше самой иконки)

Всего записей: 6195 | Зарегистр. 24-12-2002 | Отправлено: 04:32 07-05-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

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