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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js (Часть 1)
Применение пользовательских стилей и скриптов в Firefox

Модерирует : gyra, Maz

Maz (23-01-2026 14:24): Mozilla Firefox: стили userChrome.css и скрипты js (Часть 2)  Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 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 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200

   

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

Всего записей: 9435 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Maz, 14:21 23-01-2026
fakel33



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia post
Цитата:
Настройки чего? Я привел примеры проблемы, на разных версиях браузеров.
Что именно мне настраивать надо, если эта проблема наблюдается только там и только в определенных топиках? Почему то, по ссылке unter_officer, у меня проблем не возникло. Я там даже отписался.
 

Возможно кроме настроек Firefox'а у Вам еще проблемы с провайдером.

Всего записей: 1282 | Зарегистр. 22-08-2003 | Отправлено: 16:31 25-12-2025
Satanachia

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

Цитата:
Возможно кроме настроек Firefox'а у Вам еще проблемы с провайдером.
 

И только на одном сайте?

Всего записей: 1321 | Зарегистр. 22-10-2012 | Отправлено: 16:34 25-12-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
Да все у вас зашибись, это другие не врубаются. К тому же это тема стилей, а не браузера или расширений, потому предлагаю всем дружно прекратить флейм.

Всего записей: 9435 | Зарегистр. 14-09-2020 | Отправлено: 16:45 25-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
с тех пор это выглядит так

А как сделал, чтоб текст названия вкладок доходил вплотную к правой стороне вкладки?

Всего записей: 7810 | Зарегистр. 25-10-2019 | Отправлено: 16:58 25-12-2025
xrun1



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

Цитата:
И только на одном сайте?

Был такой провайдер OnLime (ОнЛайм). Потом купил его Ростелеком. Я год+ бодался с тех.поддержкой, что у них не открывается безобидный сайт https://www.7-zip.org/
Всяко в жизни бывает.

Всего записей: 1103 | Зарегистр. 26-12-2009 | Отправлено: 19:54 25-12-2025
Death_INN

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

Цитата:
чтоб текст названия вкладок доходил вплотную к правой стороне вкладки?

Не заморачиваюсь с доп условиями, т.к. не юзаю вертикальные вкладки, не араб и текст вкладки всегда в одну строку

Код:
.tab-label-container {
  --tab-label-mask-size: 0;
}

Всего записей: 4155 | Зарегистр. 24-10-2002 | Отправлено: 22:36 25-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, спасибо, но так в моём профиле не сработало, скорее всего из-за удаления кнопки закрыть на вкладках.
Впрочем сделал, у меня там не хватало  -moz-margin-end: -22px !important;

Код:
/* Кнопку Закрыть на вкладках скрыть */
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab:not([pinned]) .tab-close-button {
  visibility: hidden !important;
  display: block !important;
  opacity: 0 !important;
  -moz-margin-end: -22px !important;
}
 
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-close-button {
  visibility: hidden !important;
  display: block !important;
  opacity: 0 !important;
  -moz-margin-start: -18px !important;
}
 
:root {
  --default-focusring-width: 0px !important;
}

Всего записей: 7810 | Зарегистр. 25-10-2019 | Отправлено: 00:12 26-12-2025 | Исправлено: alloledd, 00:17 26-12-2025
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Прекратил. Нашел тут ваш скрипт для контекстного меню с градиентом. Все отчно, но сильно дергается при перемещении по меню. Это связано с вашим кодом для контекстного, что вы мне ранее подарили или что то другое? Можно ли как то поправить или совместить с первым кодом.
PS Для пользователей расширения new_tab_page.2025.6.15.xpi, от VitaliyV. Поделитесь пожалуйста кодом, для настройки цветов дилов в userChrome.css. Только дилы, фон страницы не нужен.

Всего записей: 1321 | Зарегистр. 22-10-2012 | Отправлено: 06:58 26-12-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
Цитата:
скрипт для контекстного меню с градиентом.
Если по очереди отключать другие стили, можно выявить конфликтующий стиль, если он существует. Два стиля не должны одновременно управлять одним и тем же параметром, например, цветом подсветки при наведении. Не веду учет, что где писал, поэтому сложно судить про первый стиль и второй.

Всего записей: 9435 | Зарегистр. 14-09-2020 | Отправлено: 10:45 26-12-2025 | Исправлено: gutasiho, 10:45 26-12-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd,
Цитата:
А как сделал, чтоб текст названия вкладок доходил вплотную к правой стороне вкладки?

Кнопка закрытия появляется только при наведении на то место, где она должна находится и текст до конца вкладки.
tabbrowser-tab
 
Добавлено:
Что-бы не было конфликтов, удали у себя такие-же параметры или на чистом userChrome пробуй.

Всего записей: 1758 | Зарегистр. 12-10-2002 | Отправлено: 12:22 26-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, спасибо, но я чуть выше же написал, что уже сделал.  Да и вариант с кнопкой закрытия в любом виде мне не подходит, я ей просто давно уже не пользуюсь.  

Всего записей: 7810 | Зарегистр. 25-10-2019 | Отправлено: 12:38 26-12-2025
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
цвета дилов и дополнительно что может пригодится
Подробнее...
изменяйте на свои значения переменных, тут без учета смены темы светлая/темная, если это нужно
то добавляйте медиа запрос например для темной темы
@media (prefers-color-scheme: dark) {  
  тут переменные со значениями для темной темы  
}
 
 
Добавлено:

Цитата:
для настройки цветов дилов в userChrome.css

Только не в userChrome.css, а в userContent.css или в UCF

Всего записей: 866 | Зарегистр. 13-10-2013 | Отправлено: 14:38 26-12-2025
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А как Уважаемый Vitaliy977, это делать именно в UCF? Вот это я даже и не знал,  что можно через UCF
Я пользую одну тему всегда. Только темную.

Всего записей: 1321 | Зарегистр. 22-10-2012 | Отправлено: 14:58 26-12-2025 | Исправлено: Satanachia, 15:00 26-12-2025
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
Я заголовок уже написал просто называете файл как угодно но с расширением .css
и кидаете его в custom_styles, а в настройках UCF поставьте галку на CssContent, JsContent

Всего записей: 866 | Зарегистр. 13-10-2013 | Отправлено: 15:09 26-12-2025 | Исправлено: Vitaliy977, 15:09 26-12-2025
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Еще нюанс. Можно ли как то шрифт под дилами который, увеличить. Для старого человека, это существенно. Слишком мелко блин.

Всего записей: 1321 | Зарегистр. 22-10-2012 | Отправлено: 15:21 26-12-2025 | Исправлено: Satanachia, 15:39 26-12-2025
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
Цитата:
Можно ли как то шрифт под дилами который, увеличить

добавить перед последней скобкой

Код:
.css-title::after {
    font-size: 1.25rem !important;
}


Цитата:
меня проще. Заголовок такой moz-extension:\/\/.*\/new_tab_page\.html, или можно просто обозвать new_tab_page?

Вот как написано так и нужно, это так не работает сочинять непонятно что.

Всего записей: 866 | Зарегистр. 13-10-2013 | Отправлено: 15:40 26-12-2025 | Исправлено: Vitaliy977, 15:41 26-12-2025
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ДружищеVitaliy977, вы меня ка равного рассматриваете Считайте, что обьясняете пятилетнему ребенку или старику, которому за шестьдесят уже
Del
PS Есть контакт
 
Добавлено:
Vitaliy977
Я думал, что никогда уже с custom_buttons не слезу. Однако открыл для себя UCF. Жаль только, что могу использовать только чужие труды увы. Приходится надоедать людям, уж извиняйте, но раз создали такую замечательную вещь, терпите  

Всего записей: 1321 | Зарегистр. 22-10-2012 | Отправлено: 15:42 26-12-2025 | Исправлено: Satanachia, 15:46 26-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977, а вот этот можете запустить addHistoryFindbarFx78.uc.js? На мой взгляд интересная идея, хотелось бы посмотреть. У меня только едва заметная кнопка в Findbar появилась и нерабочая.

Всего записей: 7810 | Зарегистр. 25-10-2019 | Отправлено: 15:59 26-12-2025
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
если поискать в том репозитории то найдете версию новее
https://github.com/alice0775/userChrome.js/blob/master/135/addHistoryFindbarFx78.uc.js
обычный оконный скрипт, заголовок для UCF такой

Код:
/**
@UCF @param {"prop":"JsChrome.load"} @UCF
*/

Всего записей: 866 | Зарегистр. 13-10-2013 | Отправлено: 16:17 26-12-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
Цитата:
если поискать в том репозитории то найдете версию новее
https://github.com/alice0775/userChrome.js/blob/master/135/addHistoryFindbarFx78.uc.js

Так искал, в название Fx78 с толку сбило, подумал одно и тоже) Всё работает. Именно то, что я и предполагал увидеть. Спасибо.

Цитата:
обычный оконный скрипт, заголовок для UCF такой  

А как бы понять, куда какой заголовок вставлять?  И вообще, они обязательны, или только для удобства?
 
Добавлено:
Vitaliy977, я правильно понял, что СКМ по кнопке там должна история очищаться? У меня это чего-то не работает.

Всего записей: 7810 | Зарегистр. 25-10-2019 | Отправлено: 17:33 26-12-2025
   

Страницы: 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 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200

Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js (Часть 1)
Maz (23-01-2026 14:24): Mozilla Firefox: стили userChrome.css и скрипты js (Часть 2)


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.Board
© Ru.B0ard 2000-2026

LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

Рейтинг.ru