Mozilla Firefox - стили userChrome.css и скрипты js - [12] :: Программы :: Компьютерный форум 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

Открыть новую тему

Написать ответ в эту тему

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

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

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору GCRaistlin, может browser.tabs.inTitlebar=0
	Всего записей: 3090 \| Зарегистр. 24-10-2002 \| Отправлено: 19:29 06-09-2023

Silver Member

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

Death_INN
Оно, спасибо.

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

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

gutasiho Gold Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Доп. тулбар нижний или верхний (переключается в коде) Код
	Всего записей: 6514 \| Зарегистр. 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)..? Или так нельзя сделать..?

Всего записей: 1218 | Зарегистр. 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;
}
}

Всего записей: 3090 | Зарегистр. 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"]) {
естественно, ничего не получилось.

Всего записей: 1218 | Зарегистр. 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

Всего записей: 3090 | Зарегистр. 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, то и рамка не нужна будет.

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

greeple

Silver Member

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

Цитата:

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

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

Всего записей: 4316 | Зарегистр. 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/

Всего записей: 6514 | Зарегистр. 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;
}

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

gutasiho

Gold Member

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

Death_INN
Код работает, но выплыл нюанс. Цвет шрифта черный, на черном фоне плохо различимый, при наведении белый, т.е. черный\белый. Нужно, чтобы был белый\белый.

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

Death_INN

Silver Member

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

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

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

gutasiho

Gold Member

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

Death_INN
Цитата:

color-scheme: dark;

Сработало, спасибо.

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

gutasiho

Gold Member

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

Один разработчик популярных, просто шикарных расширений, имеет мнение, х. оспоришь

Цитата:

скрипты нужно использовать только в аварийных ситуациях, когда нет подходящего расширения

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

AlAvis

Advanced Member

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

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

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

gutasiho

Gold Member

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

AlAvis
Цитата:

Это называется - боязнь конкуренции .

Не-не, это не о нем. По его расширениям скриптов-аналогов нет, ему бояться нечего, да и появится конкурент - что он теряет, если на этом не зарабатывает? Он обосновывает это безопасностью.

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

gutasiho Gold Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Скрипт-кнопка "Мировое время", показывает время в пользовательских городах. Язык отображения, формат даты, города - настраиваемые. Код
	Всего записей: 6514 \| Зарегистр. 14-09-2020 \| Отправлено: 11:18 13-09-2023

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Думал как оживить CopyImgDataURI, а оказывается эта фича встроена в инспектор
	Всего записей: 3090 \| Зарегистр. 24-10-2002 \| Отправлено: 10:13 14-09-2023

gutasiho

Gold Member

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

Скрипт - стиль скроллбара. Симпатичный, настраивается все - цвет слайдера, цвет слайдера при наведении, градиентные цвета бара и слайдера, то же самое для кнопок вверх-вниз, иконки кнопок вверх-вниз, закругление слайдера. Код
And don't forget! Папки панели закладок, кнопка "показать больше закладок" по умолчанию не имеют скроллбара, но его можно добавить css-стилем, а скрипт "навяжет" скроллбару общий внешний вид.

P.S.
Ширину скроллбара (широкий, узкий) можно изменить подбором в about:config из встроенных в Firefox.

Всего записей: 6514 | Зарегистр. 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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC