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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Поиск на странице прокруткой  колесом на FindBar есть у кого-нибудь рабочий?

Всего записей: 7796 | Зарегистр. 25-10-2019 | Отправлено: 09:38 22-12-2025
xrun1



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

Всего записей: 1103 | Зарегистр. 26-12-2009 | Отправлено: 11:05 22-12-2025
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я знаю Уважаемый xrun1!
Буду надеяться на ответ.
Ну и может кто, сможет исправить ситуацию с
Цитата:
В самом начале топика, нашел панель от Aris-t2, но она как раз и не убирается, а прибита гвоздями.
Сделать бы ее скрываемой и восстанавливаемой. Там ничего не ломается.

Всего записей: 1312 | Зарегистр. 22-10-2012 | Отправлено: 11:54 22-12-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
Эта нижняя панель от Aris-t1 имеет кнопку скрыть\показать (toggle button).
А в общем, с верхними и нижними панелями давно нет дефицита, на любой вкус, с десяток наберется. Даже  вертикальных панелей имеется вариантов 5, левых-правых, смещающих контент страницы или накладывающихся поверх контента (оверлейных), по всей высоте страницы или в зависимости от количества кнопок на панели.
Времена, когда панели были только в UCF и у Aris-t2, давно минули.
Резюмируя, я бы советовал вам выбрать менее трудоемкий и более понятный способ активации от Aris-t2, отказавшись от USF, а там дело хозяйское.

Всего записей: 9409 | Зарегистр. 14-09-2020 | Отправлено: 12:35 22-12-2025
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho Для вас ДА! Дефицита нет. А мне приходится скролить тему и собирать готовое. Новый вариант нижней панели с кнопкой, по факту заменил мне старую кнопку TunePanels Код Вы не поверите, но у меня в системе установлен до сих пор, FF 54.0. Сейчас, благодаря помощи вас всех, осваиваю r3dfox 146, что бы поставить его в систему основным.
К примеру надыбал ваш вариант custom_scrollbars, в самом начале (по моему 10 стр.) и активно задействовал
Очень понравилась, если бы еще цвет желтый при наведении изменить, было бы здорово и поуже бы.
Подключил через UCF. потому что варианты метод Aris-t2 и др. увы не по моим мозгам. Все попытки задействовать Aris-t2, не сработали.
Так что ваше, уже несколько вариантов использую

Всего записей: 1312 | Зарегистр. 22-10-2012 | Отправлено: 12:50 22-12-2025 | Исправлено: Satanachia, 13:12 22-12-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
Цитата:
цвет при наведении
Чтобы не захламлять, отправил в ПМ. Цвет выделения при наведении менять в строках 8 и 19, цвет можно вводить как в Hex-формате вида #6196FF, так и прямым указанием red, blue, lightblue, green и пр.

Всего записей: 9409 | Зарегистр. 14-09-2020 | Отправлено: 13:12 22-12-2025
Vitaliy977

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

Надо писать есть проблема у вас одного, ну или связана с r3dfox.
А тут скорее всего банальная даже не проблема, в настройках браузера prefs.js есть преф browser.uiCustomization.state куда пишется расположение всех кнопок и виджетов так вот он у вас 100% захламлен, id кнопок могут повторятся многократно, поэтому и меняется их порядок. Просто сбросьте по умолчанию в настройках панелей есть кнопка, и настройте заново.

Всего записей: 860 | Зарегистр. 13-10-2013 | Отправлено: 15:00 22-12-2025 | Исправлено: Vitaliy977, 15:01 22-12-2025
gutasiho

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

Цитата:
browser.uiCustomization.state
Если эта настройка тянется из версии к версии, то в Предупреждениях консоли (не в Ошибках) будет такое предупреждение
Цитата:
Warning: attempting to write 13714 bytes to preference browser.uiCustomization.state. This is bad for general performance and memory usage. Such an amount of data should rather be written to an external file.
Практически это может выглядеть так: давным-давно вы устанавливали скрипт или расширение и его кнопку помещали в левый угол. И давным-давно удалили его. Теперь установили, и кнопка сразу оказалась в левом углу.
После сброса (клик на обратную стрелочку) нужно повторно расположить кнопки панелей инструментов.

Всего записей: 9409 | Зарегистр. 14-09-2020 | Отправлено: 15:20 22-12-2025
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Vitaliy977
gutasiho
Как называется эта кнопка? Ничего подобного не вижу среди кнопок.
Может через about:config в browser.uiCustomization.state удалить все?

Всего записей: 1312 | Зарегистр. 22-10-2012 | Отправлено: 15:36 22-12-2025
gutasiho

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

Всего записей: 9409 | Зарегистр. 14-09-2020 | Отправлено: 15:41 22-12-2025
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Нет у меня такой стрелки увы. Но я сбросил, простым удалением.

Всего записей: 1312 | Зарегистр. 22-10-2012 | Отправлено: 15:53 22-12-2025
Vitaliy977

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Satanachia
Я имел ввиду эту кнопку, на r3dfox она вроде была когда я смотрел
Подробнее...

Всего записей: 860 | Зарегистр. 13-10-2013 | Отправлено: 16:19 22-12-2025
Satanachia

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
УважаемыеVitaliy977gutasiho! Я почти все что хотел, получил (практически). Постараюсь, больше не надоедать вам тут, хотя кое что и осталось так то. Я тут спрашивал, но увы не ответили.
Ясно! Я этой кнопки боюсь как огня и не трогаю ёё. Как то случайно нажал и пришлось вообще все перенастраивать.
Всего вам доброго, хотя и оффтоп тут.

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



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

Код:
#TabsToolbar {order: 3;}

Досконально не изучал, может у этого кода есть недостатки, ваше мнение хотелось бы услышать.

Всего записей: 1758 | Зарегистр. 12-10-2002 | Отправлено: 01:35 23-12-2025 | Исправлено: grom17, 01:37 23-12-2025
Yankell

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
На r3dfox 140 не работает, это недостаток.
У меня так

Код:
#nav-bar {
    order: -1 !important;
}
 

Всего записей: 459 | Зарегистр. 26-11-2016 | Отправлено: 03:33 23-12-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Yankell, [q]У меня так

Код:
#nav-bar {
    order: -1 !important;
}

В этом коде панель вкладок остаётся на своём месте, а адресная панель встаёт на самый верх.
Мне нужно что бы панель меню, была сверху, а здесь она в середине. Тоже недостаток.

Всего записей: 1758 | Зарегистр. 12-10-2002 | Отправлено: 13:11 23-12-2025
Yankell

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, так и задумано, чтоб наверху стояла, это же для меня. А вам, наверно, что-то такого типа надо:

Код:
#titlebar {     order: 1 !important;  
}
#nav-bar {     order: 0 !important;  
}  
#TabsToolbar {    order: 2 !important;  
}
#PersonalToolbar {     order: 3 !important;  
}  

Ну то есть поменяйте порядок, как вам нравится.

Всего записей: 459 | Зарегистр. 26-11-2016 | Отправлено: 15:01 23-12-2025 | Исправлено: Yankell, 15:23 23-12-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Yankell,
Цитата:
А вам, наверно, что-то такого типа надо:

Спасибо, не надо. Я собственно так просто сказал про:
Цитата:
на мой взгляд самый простой вариант

Конечно же им пользоваться не собираюсь. Но, спасибо за участие.

Всего записей: 1758 | Зарегистр. 12-10-2002 | Отправлено: 16:17 23-12-2025
Death_INN

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

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

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, не знал, что у уведомлений есть аж отдельная панель.
А какой у неё селектор? В гугле почему-то не получается найти.
 
 
И спрошу заодно по теме: как в 140 убрать вот этот элемент?  

В инструментах его код такой:

Код:
border-inline-start: var(--tabstrip-inner-border);

Я с этой формой кодов не дружу и не знаю, как его перепрописать, чтоб не было видно.
И второй вопрос. Хочу, чтоб на табе приватной вкладки отображался значок, но не знаю, как его сдвинуть ближе к крестику. Сейчас такой код:

Код:
 .tabbrowser-tab[usercontextid="6"] .tab-label {
  text-decoration: underline !important;
    text-decoration-style: solid;
    color: purple !important;
 background-image: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important; background-repeat: no-repeat;      
}  


Всего записей: 459 | Зарегистр. 26-11-2016 | Отправлено: 10:10 24-12-2025 | Исправлено: Yankell, 10:12 24-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