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

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

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

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-селекторов элементов интерфейса встроенными средствами браузера

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

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

Так и есть, глушит в самом начале userChrome эта строчка

Код:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

Она вообще для чего? Осталась после старого стиля. До этого вроде не мешала поэтому не обращал внимания.

Цитата:
а цвет почему не пробовал поменять...

Его обязательно менять или должно работать с вашим вариантом, потому как если поменять ActiveBorder на #707070, InactiveBorder на #AAAAAA то появляется рамка и тень (скриншот)

Код:
:root[tabsintitlebar] {
  &[sizemode="normal"] #navigator-toolbox {
    border-top: 0.5px solid #707070;
    &:-moz-window-inactive {
      border-top-color: #AAAAAA;
    }
  }
}

Интересно, что на чистом FF вверху окна также нет рамки и тени. Так задумано или снова у меня косяк?

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 12:18 03-10-2024 | Исправлено: deannik, 12:24 03-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
попробуй явно задать высоту
Да, это работает.
Немного смещается панелька URL адреса, покопаюсь у себя, может с настройками что не так.
Главное работает. Спасибо!

Код:
#nav-bar {
  height: 30px !important;
}

 
Добавлено:
Всю картину портила эта штука:

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 13:02 03-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, про @namespace можешь инфу в инете найти. Особой надобности задания дефолтного пространства имен в UserChrome.css не требуется. Обсуждаемый стиль не пашет, т.к. root относится к пространству имен html, а у тебя дефолтное xul. Если @namespace захочешь оставить, то стилизация будет такой

Код:
*|*:root[tabsintitlebar][sizemode="normal"] #navigator-toolbox {
  border-top: 0.5px solid #707070;
  &:-moz-window-inactive {
    border-top-color: #AAAAAA;
  }
}

Либо добавляем пространство имен html
@namespace html url("http://www.w3.org/1999/xhtml");
и тогда вместо *|*:root
пишем html|*:root
Цвет какой нравится, такой и оставь
 

Цитата:
Интересно, что на чистом FF вверху окна также нет рамки и тени. Так задумано или снова у меня косяк?

Разве много людй отключает в системе заголовки и границы окон? По умолчанию в FF отключен системный заголовок. Можешь его включить через кастомную панель и если понравится, то и стилизация не понадобится

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 13:19 03-10-2024
kc_duke

Junior Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Ребят, помогите разобраться. Сегодня обновился FF до 128.3.0esr(был 115.15.0esr) и вылезло вот это:
   
Перекрывает наполовину вкладки. Причем на закрепленные вкладки оно не влияет. Как будто какая-то невидимая панель поверх.
 
Добавлено:
Нашел что влияет, но не понял почему:

Код:
#tabbrowser-tabs {
max-height: 20px !important;
min-height: 20px !important; }

 
Методом научного тыка заменил на это и получилось как было примерно:

Код:
#tabbrowser-tabs {
max-height: 35px !important;
min-height: 20px !important; }

Всего записей: 73 | Зарегистр. 15-11-2006 | Отправлено: 14:19 03-10-2024 | Исправлено: kc_duke, 16:56 03-10-2024
Death_INN

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

Цитата:
Нашел что влияет, но не понял почему

Потому что высоты задаются на более внутренних деревьях, а ты с элемента tabbrowser-tabs, стилизуя с !important, сломал весь каскад. Лучше так:
about:config browser.uidensity = 1

Код:
:root[uidensity="compact"] #navigator-toolbox {
  --tab-min-height: 24px;
}
#tabbrowser-tabs:not([secondarytext-unsupported]) .tab-label-container {
  height: 2.1em !important;
}
.tab-label {
  line-height: 1.5em !important;
}

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 19:42 03-10-2024 | Исправлено: Death_INN, 19:43 03-10-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Сейчас что, этот параметр ="true" не нужен совсем?

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 23:26 03-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, весь мир следил за эпопеей, а ты где-то пропадал. Вот ее окончание

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 01:10 04-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Посмотрите, плиз, на мою просьбу. Библиотека в табе chrome://browser/content/places/places.xhtml Поиском найти какую-либо закладку, ниже в результатах поиска изменить цвет текста пункта Show in Folder в конт. меню. Иконку и стиль текста, наверное, после этого сам смогу добавить.
ID я-то определяю, но дальше тупик.

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 11:03 04-10-2024 | Исправлено: gutasiho, 11:05 04-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, если речь о контенте, то в userContent.css

Код:
#placesContext > #placesContext_showInFolder {
  color: green;
}


Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 12:04 04-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Увы, не позеленело.

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 12:33 04-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, положить этот код (с разными цветами) в чистые userChrome.css и userContent.css и проверить. Я тестил в FF131

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 12:46 04-10-2024 | Исправлено: Death_INN, 12:46 04-10-2024
greeple

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
такой вопрос
есть вот скрин https://raw.githubusercontent.com/maxhu08/mtab/refs/heads/master/assets/mtab-showcase-1.png панель и сверху и слева, это как делается, в userChrome.css? нет где-то готового варианта?
пора уже переходить на лису, и пока непонятно ничего после хромов
 
Добавлено:
а  
вот уже сам нашёл https://codeberg.org/awwpotato/PotatoFox похожие https://github.com/soulhotel/FF-ULTIMA
ладно потыкаю их

Всего записей: 7430 | Зарегистр. 11-02-2020 | Отправлено: 12:54 04-10-2024 | Исправлено: greeple, 12:54 04-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
greeple
В шапке линк на скрипты от Aris-t2, см. addonbar_vertical.uc.js, addonbar.uc.js

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

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

Цитата:
есть вот скрин

на скрине видно. что установлено расширение, модифицирующее домашнюю страницу

Цитата:
панель и сверху и слева

это все скоро из коробки будет, но можно попробовать и сырое
sidebar.verticalTabs = true
sidebar.revamp = true

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 13:10 04-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Таки userContent.css, перемещаю код повыше, и работает.

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 13:29 04-10-2024
greeple

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
В шапке линк на скрипты от Aris-t2, см. addonbar_vertical.uc.js, addonbar.uc.js

ок
 
Добавлено:
Death_INN
Цитата:
это все скоро из коробки будет, но можно попробовать и сырое
sidebar.verticalTabs = true
sidebar.revamp = true

принято

Всего записей: 7430 | Зарегистр. 11-02-2020 | Отправлено: 13:33 04-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, надо смотреть userContent.css, что там перебивает (может --panel-color с !important), и делать так, чтобы из любого места код работал, хотя бы с !important.

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 13:37 04-10-2024
greeple

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

Цитата:
на скрине видно. что установлено расширение, модифицирующее домашнюю страницу

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

Всего записей: 7430 | Зарегистр. 11-02-2020 | Отправлено: 13:37 04-10-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
надо смотреть userContent.css, что там перебивает
Нашел конфликтующий стиль, скрывающий кнопки "More from Mozilla", "Firefox Support", "Firefox Labs".

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 14:37 04-10-2024 | Исправлено: gutasiho, 18:22 04-10-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как выровнять расстояние сверху и снизу панели. Адресная строка явно не по центру. Видно и без линейки.

С линейкой ShareX верх, низ
Здесь, к примеру, ровно.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 20:01 04-10-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

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