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

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

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

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
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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



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

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



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

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



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




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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
"Загрузочная полоса" над 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;
}

Всего записей: 1437 | Зарегистр. 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") это из древней мозиллы, а сейчас?

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

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

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

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

Всего записей: 3404 | Зарегистр. 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;
}
мне тупо нужно увеличить размер текста в инспекторе.

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

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

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



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

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

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



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

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

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

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

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

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

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

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

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

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



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

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

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

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



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

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

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

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

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

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

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

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

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



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

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

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

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

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



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
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-й стр. есть подобное, но что-то тоже не работает, вернее только на панели табов красит.

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

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