Mozilla Firefox: стили userChrome.css и скрипты js - [108] :: Программы :: Компьютерный форум Ru.Board
Перейти из форума на сайт.

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

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

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
Или так (не снижает безопасность!):
Код:
security.browser_xhtml_csp.enabled = true
security.browser_xhtml_csp.report-only = true (в v141.0+ этот параметр упразднен, заменен на security.csp.reporting.enabled. Логика работы не изменилась.)
3\ v139+: если некоторые скрипты JS не работают, можете сделать так (снижает безопасность!):
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

Полезные ссылки
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, что-то, "картина" не меняется...

Всего записей: 695 | Зарегистр. 20-05-2011 | Отправлено: 15:35 05-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BelarusFreedom, если вместо переменной сработает топорный
outline: none !important;
значит какой-то стиль переменную перебивает или что-то еще. Если не интересно выяснить, то на этом можно закончить

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 16:00 05-12-2024
BelarusFreedom



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

Код:
#urlbar {
  --toolbar-field-focus-border-color: transparent !important;
}

 
безо всяких проблем. Ничего более не добавлял.
 

Всего записей: 695 | Зарегистр. 20-05-2011 | Отправлено: 18:40 05-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BelarusFreedom, между моим и твоим стилем почти никакой разницы, и в FF133 все пашет. А у тя не знаю, что случилося. Может папка профиля сменилась или параметр toolkit.legacyUserProfileCustomizations.stylesheets в false. Темы еще попереключать, чтобы исключить воздействие операционки

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 22:22 05-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Вы недавно давали мне такой код
#editBookmarkPanelDoneButton {
  --button-primary-bgcolor: light-dark(red, yellow);
  --button-primary-hover-bgcolor: light-dark(blue, green);  
  --button-primary-active-bgcolor: light-dark(black, white);
}  
Однако в FF132 он не работает, что надо исправить?

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 12:48 06-12-2024
Death_INN

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

Код:
#editBookmarkPanelDoneButton {
  --color-accent-primary: light-dark(red, yellow);
  --color-accent-primary-hover: light-dark(blue, green);  
  --color-accent-primary-active: light-dark(black, white);
}

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 13:28 06-12-2024 | Исправлено: Death_INN, 13:28 06-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Отлично, сработало.. А как в FF133 заменить такой код:
    z-index: 5 !important; ?

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 14:17 06-12-2024 | Исправлено: doud, 14:18 06-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud, z-index никто не отменял. Что именно не пашет?

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 15:23 06-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
 z-index входит в состав горизонтальной панели меню, которая была на "Форуме Mozilla Россия".Там один человек спрашивал, что надо поменять, что-бы она заработала на FF133.Но никто не ответил, поэтому я решил спросить здесь. Вот его сообщение с кодом:
https://forum.mozilla-russia.org/viewtopic.php?pid=811562#p811562

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 15:55 06-12-2024
AlAvis

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud
В 133+ нужно добавлять ко всему остальному
Код:
#navigator-toolbox{z-index: 3 !important;}

Всего записей: 2448 | Зарегистр. 15-07-2013 | Отправлено: 19:12 06-12-2024
doud



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

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 22:14 06-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud, не вижу в FF133 #titlebar. Заменить на #navigator-toolbox. Далее для #menubar-items установлен z-index со значением 5. Напрашивается повысить z-index родительскому элементу (чтобы TabsToolbar не мешал ховерить) или как-то по другому действовать, но понижать приоритеты не рекомендую. Я в этом не разбираюсь

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 00:38 07-12-2024 | Исправлено: Death_INN, 00:47 07-12-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud
Цитата:
z-index входит в состав горизонтальной панели меню, которая была на  
У Aris-t2 (ссылка в шапке) есть горизонтальная панель инструментов (расширений), может отображаться ниже панели закладок или внизу окна, где статус-бар.

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 09:12 07-12-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Изменить фон закладок и меню приложений (оба по умолчанию #FFFFFF)? Контекстное меню по умолчанию #F9F9FB. Вот и хотелось бы везде одинаковый #F9F9FB. Есть для МП такой "код" [?]. Но возможно есть вариант сделать единый.

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 14:31 07-12-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
Код:
/* цвет фона контекстного меню */
menupopup {
    --panel-background: #99ff99 !important;        /* цвет фона */
    --panel-border-color: red !important;        /* цвет границы (none - граница не видна) */
}
/* цвет фона меню Hamburger */
#appMenu-popup {
    --arrowpanel-background: #99ff99 !important;
    --arrowpanel-border-color: red !important;
}

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 15:54 07-12-2024
Death_INN

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

Код:
#navigator-toolbox, #mainPopupSet {
  --arrowpanel-background: light-dark(yellow, green);
}
menupopup:not(.in-menulist) {
  --panel-background: light-dark(gray, black) !important;
}

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 17:48 07-12-2024 | Исправлено: Death_INN, 17:55 07-12-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, спасибо. Код фона гамбургера у меня был (в сообщении [?] указан), ранее у Вас и брал. Код фона контекстного меню влияет сразу на два стиля ("первый" [?], "второй" [?]). Чтобы этого избежать можно загнать его в самый низ userChrome.css.
Death_INN, спасибо. Оба работают. Если правильно понял, "верхний" [?] изменяет фон закладок, "нижний" [?] закладки и контекстное меню. Забрал всё и у всех), но использовать буду верхний. Добавил в него цвет и закругление границ. Проверьте, пожалуйста, всё верно ("код" [?]), нужен ли там !important, работает с ним и без него, но возможно вылезет в будущем.

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 18:33 07-12-2024 | Исправлено: deannik, 18:37 07-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, верхний меняет фон меню закладок, гамбургера, некоторых тулбар кнопок.
Не нужен там !important. Вылезет в будущем - не поможет. Так что этот код [?] становится лишним

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 22:38 07-12-2024 | Исправлено: Death_INN, 22:44 07-12-2024
Frank_Sinatra



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Общий привет, парни! В 128 ESR не хочет работать такой код. Он же в 115 ESR пашет без проблем.

Код:
/*Желтый фон активных вкладок*/
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme {
   background: yellow !important;
}
 
.tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme {
   color: black !important;
}

toolkit.legacyUserProfileCustomizations.stylesheets - true
Помогите запустить!

Всего записей: 985 | Зарегистр. 02-08-2005 | Отправлено: 23:32 07-12-2024
Death_INN

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

Код:
:root[lwtheme] #tabbrowser-tabs {
  --tab-selected-textcolor: black;
  &:not([movingtab]) {
    --tab-selected-bgcolor: yellow;
  }
}


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

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