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

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

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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
Так классику вполне приемлемо можно назначить через about:config, без скрипта. И это будет нативная классика.

Всего записей: 9107 | Зарегистр. 14-09-2020 | Отправлено: 07:27 30-09-2025
Death_INN

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

Код:
(async topic => {
    var obs = win => win.document.getElementById("viewBookmarksSidebarKb").remove();
    Services.obs.addObserver(obs, topic);
    Services.obs.addObserver(function quit(s, t) {
        Services.obs.removeObserver(quit, t);
        Services.obs.removeObserver(obs, topic);
    }, "quit-application-granted");
})("browser-delayed-startup-finished");

config-prefs.js и config.js должны быть в кодировке UTF-8 (без BOM) и первая строка начинаться с комментария //

Всего записей: 4036 | Зарегистр. 24-10-2002 | Отправлено: 11:04 30-09-2025 | Исправлено: Death_INN, 11:35 30-09-2025
kc_duke

Junior Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Никакой реакции. Ни в формате Win, ни в Unix. Хоть ANSI, хоть UTF-8.

Всего записей: 82 | Зарегистр. 15-11-2006 | Отправлено: 13:00 30-09-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kc_duke, в самое начало config.js добавь код, после запуска сабжа открой консоль (Ctrl+Shift+J) и смотри есть ли сообщение "start" и(или) ошибки

Код:
// autoconfig file
'use strict';
var {console} = Cu.getGlobalForObject(Cu);
console.log("start");

Всего записей: 4036 | Зарегистр. 24-10-2002 | Отправлено: 13:53 30-09-2025
kc_duke

Junior Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Спасибо огромное. В итоге получилось. Видимо дуркует akelpad с кодировками. Поправил сначала на домашней машине где обычный виндорый блокнот. Закинул уже готовые файлы на рабочую машину и подействовало.

Всего записей: 82 | Зарегистр. 15-11-2006 | Отправлено: 15:42 30-09-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Регулировка ширины скроллбара, работает с 6ю встроенными стилями (0...5) + пользовательским стилем через about:config + любым CSS\JS-стилем + без стиля.
Код:
widget.non-native-theme.scrollbar.size.override       = 17            /* sets custom scrollbar width to 17px */
widget.non-native-theme.win.scrollbar.use-system-size = false        /* Disable using system scrollbar size */
Добавлено:
kc_duke
Цитата:
Видимо дуркует akelpad с кодировками.
Не, это пользователь не умеет с ним обращаться.
Цитата:
обычный виндорый блокнот.
А его вообще вряд ли кто из "стилистов" пользует.

Всего записей: 9107 | Зарегистр. 14-09-2020 | Отправлено: 14:18 06-10-2025 | Исправлено: gutasiho, 14:22 06-10-2025
evgenvvv

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте! После обновления Firefox на последнюю версию 143.04 64x пропали иконки управления окном программы в режиме "Без заголовка" - первая картинка. При показе заголовка иконки соответствуют теме Windows - вторая картинка. Темы Firefox менял - везде одинаково. Как исправить? Есть ли настройка этих значков через стили?
       
 
PS. Нашел причину: это была настройка в UserChrome.css
/*Размер шрифта*/
* {
font-size: 17px !important;
font-family: segoe !important;  
}  
Именно font-family. Убрал эту строку, проблема решилась.
 

Всего записей: 54 | Зарегистр. 04-05-2007 | Отправлено: 10:47 12-10-2025 | Исправлено: evgenvvv, 11:33 12-10-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
evgenvvv
Цитата:
Есть ли настройка этих значков через стили?  
Те, что на втором скрине, можно стилизовать. В теме есть.

Всего записей: 9107 | Зарегистр. 14-09-2020 | Отправлено: 08:25 13-10-2025
usalex

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

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

Привет!
Этот код не работает на 144, к сожалению
Не мог бы переделать его для 144 ?

Всего записей: 6650 | Зарегистр. 20-12-2004 | Отправлено: 20:33 13-10-2025 | Исправлено: usalex, 20:34 13-10-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
usalex
Работает этот код в 144, видимо, ты сам что-то поломал.

Всего записей: 9107 | Зарегистр. 14-09-2020 | Отправлено: 07:53 14-10-2025
alloledd

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

Всего записей: 7410 | Зарегистр. 25-10-2019 | Отправлено: 00:54 15-10-2025
gutasiho

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

Всего записей: 9107 | Зарегистр. 14-09-2020 | Отправлено: 08:24 15-10-2025
usalex

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
загляни в личку, плиз

Всего записей: 6650 | Зарегистр. 20-12-2004 | Отправлено: 14:22 15-10-2025
gutasiho

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

Всего записей: 9107 | Зарегистр. 14-09-2020 | Отправлено: 08:21 16-10-2025
alloledd

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

Цитата:
В настройках снять птичку "показывать боковую панель".

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

Всего записей: 7410 | Зарегистр. 25-10-2019 | Отправлено: 08:41 16-10-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
FF144+
GetDynamicShortcutTooltipText => DynamicShortcutTooltip.getText

Всего записей: 4036 | Зарегистр. 24-10-2002 | Отправлено: 16:30 17-10-2025
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Death_INN (16:30 17-10-2025 UTC+3)
    Цитата:
    DynamicShortcutTooltip

    Интересно не то что, объекты перемещают внутрь других. самое главное что вип достать не может #blabla...

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...

  • Всего записей: 855 | Зарегистр. 22-10-2002 | Отправлено: 22:50 17-10-2025
    xrun1



    Advanced Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    Приветствую.
    Как поправить иконку в выпадающем меню на свою? Правка
    /* Fx 139+*/
    в стиле перестала работать.
     

    Всего записей: 1047 | Зарегистр. 26-12-2009 | Отправлено: 14:04 18-10-2025 | Исправлено: xrun1, 14:05 18-10-2025
    gutasiho

    Gold Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    xrun1
    Похоже, для этого не нужен CSS, достаточно указать иконку глобально старым, древним, до сих пор работающим в последних версиях Фокса кодом в userContent.css. Влияет на все значки папок и везде.
    Если хочется покрасивее (хотя красота - понятие индивидуальное), тогда дополнительно или как основное средство можно исп. CSS
     

    Всего записей: 9107 | Зарегистр. 14-09-2020 | Отправлено: 14:31 18-10-2025
    Death_INN

    Silver Member
    Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
    xrun1 там где необходимо заменить list-style-image на --menuitem-icon

    Всего записей: 4036 | Зарегистр. 24-10-2002 | Отправлено: 15:12 18-10-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

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

    LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

    Рейтинг.ru