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

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



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

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 13:22 29-07-2024 | Исправлено: grom17, 20:06 03-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Для тёмной темы.
Здесь папка chrome которая состоит из разных стилей
набранных из различных источников и составленная неопытным пользователем. Там конечно киш-миш, много лишнего или недостающего.
Пожалуйста просьба, если конечно будет желание, посмотрите. Приму любые поправки и критику (без оскорблений).
И спасибо всем кто уделяет внимание таким неопытным пользователям как я.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 00:04 30-07-2024 | Исправлено: grom17, 21:50 03-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день всем! Как заменить эти wallpaper на свои?




Нарушение п. 2.8.3. главы VIII Соглашения по использованию
Нарушение п. 2.20.2. главы VIII Соглашения по использованию

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 20:10 02-08-2024 | Исправлено: Maz, 21:10 03-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
"Загрузочная полоса" над URL панелью на всю длинну окна.

Код:
.tabbrowser-tab[selected] > .tab-stack::before{
  content: "";
  position: fixed;
  top:26px;
  z-index: 2;
  height: 3px;
  width: 100vw;
  background-image: linear-gradient(90deg, transparent, red) !important; /* Original: linear-gradient(90deg, transparent, red) */
  background-repeat: no-repeat !important;
  transition: background-size 0.5s ease-out, opacity 0.3s linear 1s;
  background-size: 100% 100% !important;
  pointer-events: none !important;
}
.tabbrowser-tab[selected]:not([busy]) > .tab-stack::before{
  opacity: 0;
}
.tabbrowser-tab[selected][busy]:not([progress]):not([bursting]) > .tab-stack::before{
  background-size: 20% 100% !important;
  transition: background-size 0.3s ease-out !important;
}
.tabbrowser-tab[selected][busy][progress] > .tab-stack::before{
  background-size: 100% 100% !important;
  transition-duration: 1.5s !important;
}
.tabbrowser-tab[selected][bursting] > .tab-stack::before{
  background-size: 100% 100% !important;
  transition-duration: 0.5s !important;
}

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 16:24 03-08-2024 | Исправлено: grom17, 16:29 03-08-2024
351878



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
граждане подскажите как стилизовать инструменты разработчика
я имею в виду какое пространство нужно указать ?
ну типа : @-moz-document url("chrome://inspector/content/inspector.xul") это из древней мозиллы, а сейчас?

Всего записей: 1316 | Зарегистр. 28-03-2016 | Отправлено: 18:15 03-08-2024
Death_INN

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

Цитата:
как стилизовать инструменты разработчика

интерфейсный так
@-moz-document url-prefix("chrome://devtools")
 
однако стилизация связи между интерфейсом и контентом часто требует обобщения, т.е. вообще без указания @-moz-document

Всего записей: 4001 | Зарегистр. 24-10-2002 | Отправлено: 18:24 03-08-2024 | Исправлено: Death_INN, 18:34 03-08-2024
351878



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
что т ретроград не соображает)
короч раньше был код

Код:
#theme-body, .devtools-monospace {
  font-family:arial, sans-serif !important;
  font-size: 16px !important;
}
мне тупо нужно увеличить размер текста в инспекторе.

Всего записей: 1316 | Зарегистр. 28-03-2016 | Отправлено: 18:51 03-08-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
351878, devtools.toolbox.zoomValue или Ctrl +

Всего записей: 4001 | Зарегистр. 24-10-2002 | Отправлено: 18:58 03-08-2024
351878



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

Всего записей: 1316 | Зарегистр. 28-03-2016 | Отправлено: 19:16 03-08-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
351878
Код:
/* Font size in Inspector */
/* put this code onto Profiles/chrome_debugger_profile/chrome/userContent.css */
/* and remember that the Inspector also remembers the zoom level by Ctrl+- */
@-moz-document url-prefix("chrome://devtools/content/") {
:root {
  --theme-body-font-size: 15px !important;
  --theme-code-font-size: 15px !important;
}
}

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 19:39 03-08-2024
351878



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho мерсис
вопрос на засыпку- а почему код не сработал в xStyle
и до кучи, что щас модно использовать из адонов на эту тему?

Всего записей: 1316 | Зарегистр. 28-03-2016 | Отправлено: 20:21 03-08-2024
Death_INN

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

Цитата:
Здесь папка chrome которая состоит из разных стилей
набранных из различных источников

Кому нужна зависимая папка, к которой как минимум нужен пакет от лептона? Когда-то также начинал, всякую бурду собирал, потом все удалил, поднатыкался в инструментах разраба и сам все сделал с нуля, чего и тебе желаю

Цитата:
Как заменить эти wallpaper на свои?

откуда этот скрин?

Цитата:
"Загрузочная полоса" над URL панелью на всю длинну окна

зависимая от выбранной вкладки. А если в фоне страница загружается или сразу несколько, то толку от такой полосы мало
 

Всего записей: 4001 | Зарегистр. 24-10-2002 | Отправлено: 22:06 03-08-2024 | Исправлено: Death_INN, 22:06 03-08-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
откуда этот скрин?  
из той-же папки которая "никому не нужна"
 
У меня на FF128.0.3 так. Хочу на свои заменить, пошерстил инет, ничего не нашел.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 23:15 03-08-2024 | Исправлено: grom17, 23:25 03-08-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Как заменить эти wallpaper на свои?
Это те, которые тянутся из сети (папку, которая "никому не нужна", не смотрел)? На свои (офлайновые) заменить можно, и легко, переключать их придется вручную комментированием строки в стиле.
351878
Цитата:
что щас модно использовать из адонов на эту тему?
На тему изменения интерфейса? Я таких не знаю.

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 07:59 04-08-2024
351878



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

Цитата:
На тему изменения интерфейса?

на тему применения usercss

Всего записей: 1316 | Зарегистр. 28-03-2016 | Отправлено: 08:59 04-08-2024
gutasiho

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

Цитата:
на тему применения usercss
Это одно и то же, не знаю использования css, кроме как для изменения интерфейса.

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 09:05 04-08-2024
Death_INN

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

Всего записей: 4001 | Зарегистр. 24-10-2002 | Отправлено: 09:41 04-08-2024
grom17



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

Цитата:
тебе все равно придется переделывать свой набор стилей или ловить глюки
Вы правы, все видимо с этого начинают. Чуть позже всё удалю и начну с "чистого листа".
Спасибо!
 
gutasiho
Здесь не нужно ничего комментировать, просто выбираешь обоину в меню, тыкаешь на неё и всё.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 13:45 04-08-2024 | Исправлено: grom17, 13:54 04-08-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Цитата:
Здесь не нужно ничего комментировать, просто выбираешь обоину в меню, тыкаешь на неё и всё.
 
А оно имеет отношение к этой теме? Ну тыкай, вместо использования 11-строчного стиля.

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 14:02 04-08-2024
grom17



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

Цитата:
Ну тыкай, вместо использования 11-строчного стиля.

Да я собственно хотел сказать что всё-таки можно сделать что-бы ничего не комментировать.
У вас знаний больше, поэтому я и советуюсь с вами и ни в коем случае не навязываю своё мнение.
И спасибо вам что помогаете тем, чему научились сами!
 
Добавлено:
Хочу посоветоваться с вами, этот код закрашивает цвет активного и не активного окна одним и тем-же цветом.
Код:
:root {
    --toolbar-bgcolor: rgba(43, 42, 51, 1) !important;
}

А этот код как написано здесь, красит их раздельно. Но он у меня почему-то не работает.
Код:
:root[tabsintitlebar] {
  --toolbox-non-lwt-bgcolor: rgb(0,209,234) !important; /* цвет фона активного окна */
  --toolbox-non-lwt-bgcolor-inactive: rgb(215,0,242) !important; /* цвет фона неактивного окна */
}
 

На 39-й стр. есть подобное, но что-то тоже не работает, вернее только на панели табов красит.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 15:11 04-08-2024 | Исправлено: grom17, 16:37 04-08-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