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

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

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

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

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GCRaistlin, может browser.tabs.inTitlebar=0

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 19:29 06-09-2023
GCRaistlin



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

----------
Magically yours
Raistlin

Всего записей: 4368 | Зарегистр. 18-04-2005 | Отправлено: 19:48 06-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доп. тулбар нижний или верхний (переключается в коде) Код

Всего записей: 8866 | Зарегистр. 14-09-2020 | Отправлено: 11:37 08-09-2023 | Исправлено: gutasiho, 11:38 08-09-2023
Lagris

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Вопрос к тем, кто разбирается: как задать исключение в глобальное правило в стиле..?
К примеру, имеем такой стиль:
/* Убрать рамку на служебных страницах */

Код:
@-moz-document url-prefix("about:") {
* {
  outline: none !important;
}
}

Он убирает рамку выделения (обычно синюю) на всех служебных страницах, когда фокус находится в поле для ввода.
Что и как нужно прописать в этот стиль, чтобы правило не касалось about:config(cfg)..? Или так нельзя сделать..?

Всего записей: 1375 | Зарегистр. 26-08-2007 | Отправлено: 17:59 08-09-2023
Death_INN

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

Код:
@-moz-document regexp("about:(?!co|cf).*") {
  * {
    outline: none !important;
  }
}

или

Код:
@-moz-document url-prefix("about:") {
  *:not(#about-config-search) {
    outline: none !important;
  }
}

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 00:39 09-09-2023 | Исправлено: Death_INN, 01:19 09-09-2023
Lagris

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Оба варианты сработали, большое спасибо.
А я пытался такую конструкцию использовать:
@-moz-document url-prefix("about:") :not(["about:config"]) {  
естественно, ничего не получилось.

Всего записей: 1375 | Зарегистр. 26-08-2007 | Отправлено: 01:24 09-09-2023 | Исправлено: Lagris, 01:28 09-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris, мой первый код с мягким ограничением и не сработает на всех about:co... или about:cf... , но вроде таких больше пока нет. Второй код не будет пахать на старом about:config, который некоторые через скрипт назначают как about:cfg

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 01:45 09-09-2023
Lagris

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

Цитата:
мой первый код с мягким ограничением и не сработает на всех about:co... или about:cf...

Может где-то не сработает, но мне такие about: пока не попадались.
 

Цитата:
Второй код не будет пахать на старом about:config, который некоторые через скрипт назначают как about:cfg

Заметил, не критично. Если скрипт раздобуду, который фокус убирает из адресной строки при заходе на about:config или about:cfg, то и рамка не нужна будет.
 

Всего записей: 1375 | Зарегистр. 26-08-2007 | Отправлено: 02:02 09-09-2023 | Исправлено: Lagris, 02:07 09-09-2023
greeple

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

Цитата:
Может где-то не сработает, но мне такие about: пока не попадались.

например about:compat
была ещё about:compartments, но она теперь на about:memory

Всего записей: 7402 | Зарегистр. 11-02-2020 | Отправлено: 02:45 09-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В розыске css для установки пользовательского цвета фона контекстного меню url-бара. Не строки под курсором, а всего меню.
 
Добавлено:
Дополнение к этому. Если при предпросмотре в проводнике SVG-файл отображается черным квадратом, перетяните файл SVG на NotePad++ и удалите вхождение [fill-opacity="context-fill-opacity"], сохраните изменения, превью сразу отобразится нормально.
 
Онлайн-редактор SVG-файлов, например, изменить цвет заливки: https://editsvg.online/
 

Всего записей: 8866 | Зарегистр. 14-09-2020 | Отправлено: 09:19 09-09-2023 | Исправлено: gutasiho, 09:25 09-09-2023
Death_INN

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

Цитата:
В розыске css для установки пользовательского цвета фона контекстного меню url-бара

Код:
.urlbar-input-box > menupopup {
  --panel-background: red !important;
}

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 10:54 09-09-2023 | Исправлено: Death_INN, 10:56 09-09-2023
gutasiho

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

Всего записей: 8866 | Зарегистр. 14-09-2020 | Отправлено: 12:56 09-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, системный цвет одинаковый, но меняется в зависимости от темы, поэтому если на светлой теме нужно темное меню, то удали временно стиль фона и пропиши color-scheme: dark;. Может цвета фона и текста устроят, а если нет, то добавить --panel-background, --panel-color и может --panel-border-color

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 13:28 09-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
color-scheme: dark;
Сработало, спасибо.

Всего записей: 8866 | Зарегистр. 14-09-2020 | Отправлено: 13:42 09-09-2023
gutasiho

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

Всего записей: 8866 | Зарегистр. 14-09-2020 | Отправлено: 12:41 10-09-2023
AlAvis

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

Всего записей: 2483 | Зарегистр. 15-07-2013 | Отправлено: 12:49 10-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
AlAvis
Цитата:
Это называется - боязнь конкуренции .
Не-не, это не о нем. По его расширениям скриптов-аналогов нет, ему бояться нечего, да и появится конкурент - что он теряет, если на этом не зарабатывает? Он обосновывает это безопасностью.

Всего записей: 8866 | Зарегистр. 14-09-2020 | Отправлено: 12:58 10-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Скрипт-кнопка "Мировое время", показывает время в пользовательских городах. Язык отображения, формат даты, города - настраиваемые. Код

Всего записей: 8866 | Зарегистр. 14-09-2020 | Отправлено: 11:18 13-09-2023
Death_INN

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

Всего записей: 3949 | Зарегистр. 24-10-2002 | Отправлено: 10:13 14-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Скрипт - стиль скроллбара. Симпатичный, настраивается все - цвет слайдера, цвет слайдера при наведении, градиентные цвета бара и слайдера, то же самое для кнопок вверх-вниз, иконки кнопок вверх-вниз, закругление слайдера. Код
And don't forget! Папки панели закладок, кнопка "показать больше закладок" по умолчанию не имеют скроллбара, но его можно добавить css-стилем, а скрипт "навяжет" скроллбару общий внешний вид.
   
P.S.
Ширину скроллбара (широкий, узкий) можно изменить подбором в about:config из встроенных в Firefox.

Всего записей: 8866 | Зарегистр. 14-09-2020 | Отправлено: 15:00 17-09-2023 | Исправлено: gutasiho, 08:50 18-09-2023
Открыть новую тему     Написать ответ в эту тему

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

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