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

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

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

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
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 6725 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Starback, 17:19 15-06-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, смотрю в 115.6.0esr нет функции light-dark, а значит и параметра. И без -moz не запашет. Тогда так

Код:
:root:not(:-moz-lwtheme) #nav-bar {
  --toolbar-non-lwt-bgcolor: red;
  --toolbar-bgcolor: var(--toolbar-non-lwt-bgcolor);
}

Всего записей: 3165 | Зарегистр. 24-10-2002 | Отправлено: 20:07 04-06-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
kokoss
Можно ли в этом коде сделать так, чтобы панель скрывалась только в полноэкранном режиме, а в обычном всегда видна?
Всего записей: 1343 | Зарегистр. 12-10-2002 | Отправлено: 08:55 05-06-2024 | Исправлено: grom17, 16:12 05-06-2024
deannik

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, да, так работает. Спасибо. Меню приложений перенесено влево, при его открытии, не в полноэкранном режиме, оно выходит за пределы окна, можно сделать, чтобы в таких случаях оно смещалось вправо, в пределы окна (это в полноэкранном)?
Всего записей: 479 | Зарегистр. 04-08-2013 | Отправлено: 10:22 05-06-2024 | Исправлено: deannik, 13:54 05-06-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, можно. Оберни весь код, кроме первой и последней строки в :root[inFullscreen] {...} и можно грохнуть :root[sizemode... {}
 
deannik, в норм. режиме позиционирование меню меняется в зависимости от размера окна сабжа, так что я не знаю, возможно ли стилями как-то пригвоздить. Скриптом можно, но это уже не ко мне
Всего записей: 3165 | Зарегистр. 24-10-2002 | Отправлено: 15:20 05-06-2024 | Исправлено: Death_INN, 15:20 05-06-2024
grom17



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

Цитата:
Оберни весь код, кроме первой и последней строки в :root[inFullscreen] {...} и можно грохнуть :root[sizemode... {}

Великолепно работает! Мои благодарности!
 
Проверьте не накосячил ли часом я
Всего записей: 1343 | Зарегистр. 12-10-2002 | Отправлено: 17:10 05-06-2024 | Исправлено: grom17, 17:40 05-06-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17 ты вывел #sidebar-box > #sidebar {...} из зоны действия полноэкранки, а для меня эта часть вообще ничего не дает - убрал. И в коде очень много лишнего.
v_vertical_bar... - для UCF
positionend="true" - если боковуху вправо переносить. Мне не нужно, убрал, да и вообще сделал, чтобы автоскрытие работало только для левого расположения
--v-sidebar-min-width: 28px - актуально только для нормального режима, а в максималке и полноэкранке достаточно и 2px
 
Всего записей: 3165 | Зарегистр. 24-10-2002 | Отправлено: 19:49 05-06-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
del
Всего записей: 1343 | Зарегистр. 12-10-2002 | Отправлено: 20:33 05-06-2024 | Исправлено: grom17, 05:17 06-06-2024
diogen78

Newbie		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Коллеги, а чем принципиально отличаются методы подключения скриптов от Aris-t2, xiaoxiaoflood, Endor8 и user_chrome_files (UCF) ? Есть сильные отличия в функциональности или отличаются только набором готовых скриптов, которые созданы под каждый метод?
 
Какие у вас личные предпочтения?
Всего записей: 12 | Зарегистр. 16-09-2008 | Отправлено: 16:13 06-06-2024
Death_INN

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

Цитата:
как увеличить высоту панели закладок, т.е. высоту адресной и закладок сделать одинаковой?


Код:
#PersonalToolbar {
  min-height: calc(2 * var(--toolbarbutton-inner-padding) + 22px) !important;
}
Всего записей: 3165 | Зарегистр. 24-10-2002 | Отправлено: 19:34 06-06-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Здесь есть код который при раскрытии Папок закладок,
в которых так же есть папки, делает чуть уже поле при раскрытии. Что-то у меня не работает. Можете подправить? В сети не нашел, а у меня
знаний маловато.
Спасибо заранее!
Всего записей: 1343 | Зарегистр. 12-10-2002 | Отправлено: 10:49 07-06-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, речь идет о боковой панели? Тогда так (библиотека не учитывается)

Код:
@-moz-document url-prefix("chrome://browser/content/places/bookmarksSidebar.xhtml"),
               url-prefix("chrome://browser/content/places/historySidebar.xhtml") {
/** ширина смещения вложенного элемента (default 16px) **/
  .sidebar-panel .sidebar-placesTreechildren::-moz-tree-indentation {
    width: 5px !important;
  }
}
Всего записей: 3165 | Зарегистр. 24-10-2002 | Отправлено: 11:08 07-06-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Отлично! То что нужно! Который раз уже выручаете. Спасибо!
Всего записей: 1343 | Зарегистр. 12-10-2002 | Отправлено: 12:11 07-06-2024
deannik

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN Работает. Спасибо. Подстроил немного под себя, брал стили здесь, но есть одна проблема. Не отображается цвет разделителя активной вкладки с правой стороны. Для лучшей видимости изменил на красный. Помогите исправить. Здесь весь userChrome
Всего записей: 479 | Зарегистр. 04-08-2013 | Отправлено: 13:01 08-06-2024 | Исправлено: deannik, 13:05 08-06-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, так активная вкладка не учитывается. Удали ":not([selected=true])"
Всего записей: 3165 | Зарегистр. 24-10-2002 | Отправлено: 13:47 08-06-2024
lllrruuwpzmqqappvmv

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Давно хотел спросить, можно ли поменять фон при выделении текста (общий фон) в строке адреса/чаты/сайты? по умолчанию он светло-голубой, с новыми версиями думал заменят, но так и остался тот же.
Всего записей: 42 | Зарегистр. 21-09-2012 | Отправлено: 22:14 09-06-2024 | Исправлено: lllrruuwpzmqqappvmv, 00:03 10-06-2024
Death_INN

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

Код:
#urlbar-input::selection, .searchbar-textbox::selection {
  background-color: red;
}

Если сработало - тема системная. С !important сработает и на не системной, но делать этого не рекомендуется
Всего записей: 3165 | Зарегистр. 24-10-2002 | Отправлено: 01:37 10-06-2024 | Исправлено: Death_INN, 02:06 10-06-2024
lllrruuwpzmqqappvmv

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

Цитата:
Если сработало - тема системная

Да, спасибо! сработало! в строке поиска то, что хотел) хотелось чтобы везде если можно)
P.s. Тема системная обычно, по умолчанию. Это у меня просто стили  Lepton (black7375 /
Firefox-UI-Fix ) то что границы под цвет темы виндовс))
Всего записей: 42 | Зарегистр. 21-09-2012 | Отправлено: 01:49 10-06-2024 | Исправлено: lllrruuwpzmqqappvmv, 01:50 10-06-2024
Death_INN

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

Код:
@-moz-document regexp("https?:\/\/.*") {
  ::selection {
    background: green !important;
  }
}

Всего записей: 3165 | Зарегистр. 24-10-2002 | Отправлено: 01:58 10-06-2024
lllrruuwpzmqqappvmv

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Со вторым кодом не выходит. Фон при выделении текста так же голубой. (сайты вне зоны интерфейса) а по поводу адрес-строки при выделении текст черный почему-то, едва заметен, если зеленый фон к примеру поставить, а не красный. Пробовал подставить строчку вторую, хотя это не то, selection должно что-то в этом роде, куда вставить затрудняюсь.
  background-color: red;
  text-color: white;
Всего записей: 42 | Зарегистр. 21-09-2012 | Отправлено: 02:48 10-06-2024 | Исправлено: lllrruuwpzmqqappvmv, 02:56 10-06-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
lllrruuwpzmqqappvmv, второй код в userContent.css. В первом коде добавлять не text-color, а просто color
Всего записей: 3165 | Зарегистр. 24-10-2002 | Отправлено: 08:00 10-06-2024 | Исправлено: Death_INN, 08:01 10-06-2024
Открыть новую тему     Написать ответ в эту тему

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

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

Рейтинг.ru