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

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

Всего записей: 9023 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:26 26-07-2025
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);
}


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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss
Можно ли в этом коде сделать так, чтобы панель скрывалась только в полноэкранном режиме, а в обычном всегда видна?

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 08:55 05-06-2024 | Исправлено: grom17, 16:12 05-06-2024
deannik

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

Всего записей: 685 | Зарегистр. 04-08-2013 | Отправлено: 10:22 05-06-2024 | Исправлено: deannik, 13:54 05-06-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, можно. Оберни весь код, кроме первой и последней строки в :root[inFullscreen] {...} и можно грохнуть :root[sizemode... {}
 
deannik, в норм. режиме позиционирование меню меняется в зависимости от размера окна сабжа, так что я не знаю, возможно ли стилями как-то пригвоздить. Скриптом можно, но это уже не ко мне

Всего записей: 3997 | Зарегистр. 24-10-2002 | Отправлено: 15:20 05-06-2024 | Исправлено: Death_INN, 15:20 05-06-2024
grom17



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

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

Великолепно работает! Мои благодарности!
 
Проверьте не накосячил ли часом я

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

Всего записей: 3997 | Зарегистр. 24-10-2002 | Отправлено: 19:49 05-06-2024
grom17



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

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 20:33 05-06-2024 | Исправлено: grom17, 05:17 06-06-2024
diogen78

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Коллеги, а чем принципиально отличаются методы подключения скриптов от Aris-t2, xiaoxiaoflood, Endor8 и user_chrome_files (UCF) ? Есть сильные отличия в функциональности или отличаются только набором готовых скриптов, которые созданы под каждый метод?
 
Какие у вас личные предпочтения?

Всего записей: 17 | Зарегистр. 16-09-2008 | Отправлено: 16:13 06-06-2024
Death_INN

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

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


Код:
#PersonalToolbar {
  min-height: calc(2 * var(--toolbarbutton-inner-padding) + 22px) !important;
}

Всего записей: 3997 | Зарегистр. 24-10-2002 | Отправлено: 19:34 06-06-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здесь есть код который при раскрытии Папок закладок,
в которых так же есть папки, делает чуть уже поле при раскрытии. Что-то у меня не работает. Можете подправить? В сети не нашел, а у меня
знаний маловато.
Спасибо заранее!

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

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Отлично! То что нужно! Который раз уже выручаете. Спасибо!

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 12:11 07-06-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN Работает. Спасибо. Подстроил немного под себя, брал стили здесь, но есть одна проблема. Не отображается цвет разделителя активной вкладки с правой стороны. Для лучшей видимости изменил на красный. Помогите исправить. Здесь весь userChrome

Всего записей: 685 | Зарегистр. 04-08-2013 | Отправлено: 13:01 08-06-2024 | Исправлено: deannik, 13:05 08-06-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, так активная вкладка не учитывается. Удали ":not([selected=true])"

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

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


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

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