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

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

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

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

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

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

Цитата:
outline: 1px solid #222222 !important;

Так рамка без клика мышью в поле поиска появляется.

Всего записей: 1398 | Зарегистр. 26-08-2007 | Отправлено: 21:44 22-09-2025
unter_officer



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

Код:
#input {
    width: 100%;
    min-height: 26px !important;
    border-radius: 0px !important;
    outline: none !important;
 
    &:focus {
        outline: 1px solid #222222 !important;
    }
}
 


----------
«The Truth Is Out There»

Всего записей: 370 | Зарегистр. 03-08-2008 | Отправлено: 22:00 22-09-2025
Barral



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

Цитата:
убери эти стили и те, что ранее давал и сделай так  

Замечательно, спасибо. Ещё бы это привести к виду --toolbar...
 

Цитата:
#urlbar-input::selection {
  color: #8fce00 !important; /*Задать цвет текста при его выделении*/
  background-color: transparent !important; /*Задать цвет фона при выделении текста*/
}  

Всего записей: 6195 | Зарегистр. 24-12-2002 | Отправлено: 05:48 23-09-2025
Lagris

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
unter_officer
Так заработало, спасибо.
 

Всего записей: 1398 | Зарегистр. 26-08-2007 | Отправлено: 05:49 23-09-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Barral, через переменную задается только для тем с lwtheme

Всего записей: 3971 | Зарегистр. 24-10-2002 | Отправлено: 10:51 23-09-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
userChromeShadow
Цитата:
userChromeShadow.css не заменяет, не отменяет, а дополняет userChrome.css. Он используется для активации стилей, содержащих селектор ::part(), позволяющий, вроде бы, применять стиль не ко всему объекту, а к его части. По умолчанию место файла в папке \chrome\.
Стили с указанным селектором можно добавлять в сам файл userChromeShadow.css, или импортировать в него, точно так же, как в userChrome.css. Сейчас в userChromeShadow.css имеются два правила для теста.
Используется совместно с userChromeShadow.uc.js, который активируется обычным способом.
Опыта использования не имею.
userChromeShadow.css     userChromeShadow.uc.js

Всего записей: 8932 | Зарегистр. 14-09-2020 | Отправлено: 10:31 26-09-2025 | Исправлено: gutasiho, 10:33 26-09-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, это не шадоу, а просто файл стилей с правами AUTHOR SHEET. Запускать подобное нужно через config.js. Пример давал, только для агента.
Авторские стили так и не научились работать с host, а также не могут стилизовать shadow через part, если он вложен в другой shadow

Всего записей: 3971 | Зарегистр. 24-10-2002 | Отправлено: 12:26 26-09-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
А aborix и разработчик, близкий к MozCorp, утверждают, что shadow.

Всего записей: 8932 | Зарегистр. 14-09-2020 | Отправлено: 13:51 26-09-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, а я утверждаю, что кошачие - это не хищники, а травоядные, т.к. иногда едят траву))). Сам AUTHOR SHEET почти не юзаю. Хоть он имеет приоритет над агентом (если без important), но стилизует контент в общем плане, ну типа не умеет с @-moz-document

Всего записей: 3971 | Зарегистр. 24-10-2002 | Отправлено: 15:20 26-09-2025 | Исправлено: Death_INN, 15:20 26-09-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Я знаю, что UCF у тебя нет. Теоретически посмотри, почему не появляются иконки.
В 142-й отвалилась одна, а в 143-й уже все. Скриншот
код

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 15:24 26-09-2025 | Исправлено: xrun1, 15:25 26-09-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, не смотрел скрин, а код бегло просмотрел. Помню, что автор UCF у себя в новой версии для некоего скрипта перед
list-style-image:url("${icon}")
добавлял
--menuitem-icon:url("${icon}");
А где-то, наверное, можно просто заменить list-style-image на --menuitem-icon

Всего записей: 3971 | Зарегистр. 24-10-2002 | Отправлено: 15:42 26-09-2025 | Исправлено: Death_INN, 15:55 26-09-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Спасибо, помогло.
 
Добавлено:
Death_INN
Ещё отвалились кнопки в полосе прокрутки. Использую скачанные кнопки и custom_scrollbar_arrows_version = 2 из скрипта custom_scrollbars.uc.js

Там background-image, чем бы это поправить?
143-е чудо достало, это так, к слову.

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 18:32 26-09-2025
Lagris

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

Цитата:
скрипта custom_scrollbars.uc.js

Пробуйте это, мне подошло. Там и другие варианты есть и ссылка на иконки для кнопок.

Всего записей: 1398 | Зарегистр. 26-08-2007 | Отправлено: 19:51 26-09-2025 | Исправлено: Lagris, 19:57 26-09-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, у мя scrollbar стилями сделан и такие изменения вносил
scrollbar[orient="vertical"] => scrollbar[vertical]
scrollbar[orient="horizontal"] => scrollbar
scrollbar thumb[orient="vertical"] => scrollbar[vertical] thumb
scrollbar thumb[orient="horizontal"] => scrollbar thumb

Всего записей: 3971 | Зарегистр. 24-10-2002 | Отправлено: 20:35 26-09-2025 | Исправлено: Death_INN, 05:33 29-09-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris
Спасибо. Сравнил файлы, названия переменных одинаковые. Кто у кого ворует?
Death_INN
Да, спасибо, замена
orient="vertical" ==> vertical
и
orient="horizontal" ==> horizontal
помогла.

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 00:15 27-09-2025
Lagris

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

Цитата:
Кто у кого ворует?

Немцы у немца.
И, вроде как не воруют, а модифицируют (5 и 6 строка в коде).

Всего записей: 1398 | Зарегистр. 26-08-2007 | Отправлено: 01:10 27-09-2025
xrun1



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

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 02:20 27-09-2025
gutasiho

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

Всего записей: 8932 | Зарегистр. 14-09-2020 | Отправлено: 08:49 27-09-2025
Ugly_Elvis

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В версии 142 была настройка "browser.newtabpage.activity-stream.newtabShortcuts.refresh    false". В версии 143 она, похоже, просто не работает. Подскажите, каким можно вернуть диалы на сратовой странице к прежнему виду? Может, стиль какой-то есть?

Всего записей: 215 | Зарегистр. 26-01-2012 | Отправлено: 15:15 27-09-2025 | Исправлено: Ugly_Elvis, 15:16 27-09-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Зависит от высоты списка и количества закладок в шевроне.

Код:
/* высота выпадающего списка в панели закладок */
#PlacesToolbar menupopup {
    max-height: 300px;
}

Скриншот.

Всего записей: 1014 | Зарегистр. 26-12-2009 | Отправлено: 19:45 27-09-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

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