Mozilla Firefox: стили userChrome.css и скрипты js - [109] :: Программы :: Компьютерный форум 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-селекторов элементов интерфейса встроенными средствами браузера

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, не работает...
Но я уже целых два рабочих вариантов нашел других. Может, кому пригодится
Раз

Код:
/*Желтый фон активных вкладок*/
.tab-background[selected] {
    background-color: #FFFF00 !important;
    background-image: none !important;
}

 
Два

Код:
/*Желтый фон активных вкладок*/
.tab-background:is([selected], [multiselected]) {
  background-color: yellow !important;
}
.tabbrowser-tab:is([visuallyselected], [multiselected]) {
  color: black !important;
}

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Frank_Sinatra, проверять нужно было только с моим кодом. В твоем коде, который работал в FF115, была пара условий:
1) работать должен только для lwtheme тем
2) желтый фон вкладки должен пропадать при перетаскивании
Оба условия не соблюдаются в тех кодах, что ты привел

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 00:58 08-12-2024 | Исправлено: Death_INN, 00:59 08-12-2024
Frank_Sinatra



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

Цитата:
проверять нужно было только с моим кодом.

Конечно, я проверял только с ним. Неработающий удалял, твой добавлял - не пашет... Спец из меня такой себе, может, что не так сделал, но вот с кодами, что выложил, делал точно так же - они работают.
+++
И да, я раньше замечал, что старый код работает не со всеми темами браузера, возможно в этом причина. Но темы менять не хочется, привык к одной, на ней и проверял.
И да, на 115 проверил - при перетаскивании фон пропадает.

Всего записей: 985 | Зарегистр. 02-08-2005 | Отправлено: 01:34 08-12-2024 | Исправлено: Frank_Sinatra, 01:40 08-12-2024
Death_INN

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

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 02:34 08-12-2024 | Исправлено: Death_INN, 03:43 08-12-2024
Helavista

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите. можно ли сделать более компактным (включая содержимое) выпадающее окно расширений появляющееся при нажатии на соответствующую кнопку?  
https://fpic.in/pXXMaZK

Всего записей: 39 | Зарегистр. 07-01-2023 | Отправлено: 13:30 08-12-2024 | Исправлено: Helavista, 13:31 08-12-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
верхний меняет фон меню закладок, гамбургера, некоторых тулбар кнопок.
Не нужен там !important. Вылезет в будущем - не поможет. Так что этот код [?] становится лишним"]
Спасибо, так и сделал, но потом решил уменьшить радиус границ меню и получилась нестыковка. Если сделать arrowpanel-border-radius: 2px, то измениться радиус гамбургера и закладок, а радиус в контекстном останется прежним (по умолчанию 4px вроде). Если изменить Ваш код, убрать строчку с цветом и добавить panel-border-radius: 2px !important, то будет дублирование, т.к. тоже меня меняет и в закладах. Возможно это не критично, если выставлен одинаковый размер, но наверное это неправильно. Поэтому вернул код, что только для гамбургера, добавил радиус и взял Ваш, добавив пару строк. Получилось (код [?]), надеюсь не накосячил.

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 13:52 08-12-2024
Death_INN

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

Код:
:is(menupopup, panel):not(.in-menulist) {
  --panel-background: light-dark(#F9F9FB, #2b2a33) !important;
  --panel-border-color: #a0a0a0 !important;
  --panel-border-radius: 2px !important;
}

:not(.in-menulist) - означает, что код не будет пахать на сайтах с выпадающими списками

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

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

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 15:38 08-12-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Helavista
Давно делал, попробуйте [?].
Меню, которое выпадет при нажатии на шестерёнку здесь осталось без исправлений.
https://imgsh.net/i/75e7bc4b33

Всего записей: 991 | Зарегистр. 26-12-2009 | Отправлено: 15:49 08-12-2024 | Исправлено: xrun1, 15:50 08-12-2024
Death_INN

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

Код:
#appMenu-popup {
  --arrowpanel-menuitem-border-radius: 0px;
}

А по исключению сайтов спрашивай в теме по регуляркам. Ничего более умного придумать не могу
@-moz-document regexp("https?:\/\/(www\.)?((?!megapeer|nnmclub|rutor).)*")

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

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

Всего записей: 39 | Зарегистр. 07-01-2023 | Отправлено: 17:29 08-12-2024
Frank_Sinatra



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ребят, такой вопрос. Можно через стили реализовать такую фишку?  
https://2i.cz/images/2024/12/08/OTKRYT.jpg
 
Я в курсе, что можно через UserChromeFiles, но хочется что-то попроще. С UCF у меня частенько проблемы при переходе на более свежую версию браузера. Семь потов сойдет пока подключишь и настроишь.  
Или, может, какое расширение есть с такими функциями?

Всего записей: 985 | Зарегистр. 02-08-2005 | Отправлено: 18:57 08-12-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Код:
#appMenu-popup {
  --arrowpanel-menuitem-border-radius: 0px;
}
Спасибо. Всё отлично.
Цитата:
@-moz-document regexp("https?:\/\/(www\.)?((?!megapeer|nnmclub|rutor).)*")
А куда это здесь [?] определить? Пробовал разные варианты, но как надо не работает.

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 19:49 08-12-2024 | Исправлено: deannik, 19:50 08-12-2024
gutasiho

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

Всего записей: 8705 | Зарегистр. 14-09-2020 | Отправлено: 21:21 08-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, проверить не могу. Код [?]

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



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

Цитата:
Frank_Sinatra
Через стили нет, а скриптами легко, без UserChromeFiles.

Можно узнать как именно? А то я в этих делах дуб дубом...

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

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Helavista
Пользуюсь данным кодом, работает изумительно
 

Код:
/*  Выпадающая панель расширений */
#unified-extensions-panel #unified-extensions-view {
    width: 100% !important; /*  For firefox v115.x */
}
 
#unified-extensions-view{
    --uei-icon-size: 15px; /*  Change icon size */
    --firefoxcss-number-of-extensions-in-a-row: 5; /*  Increase to the number of icons you want in one row */
}
 
#unified-extensions-view .panel-header,
#unified-extensions-view .panel-header + toolbarseparator,
#unified-extensions-view .panel-subview-body + toolbarseparator,
#unified-extensions-view .unified-extensions-item-menu-button.subviewbutton,
#unified-extensions-view .unified-extensions-item-action-button .unified-extensions-item-contents{
    display:none !important;
}
 
#unified-extensions-view .panel-subview-body {
    padding:4px !important;
}
 
#unified-extensions-view .unified-extensions-item .unified-extensions-item-icon,  
#unified-extensions-view .unified-extensions-item .toolbarbutton-badge-stack {
    margin-inline-end: 0px !important;
}
 
#unified-extensions-view #overflowed-extensions-list,
#unified-extensions-view #unified-extensions-area,
#unified-extensions-view .unified-extensions-list {
    display: grid !important;
    grid-template-columns: repeat(var(--firefoxcss-number-of-extensions-in-a-row),auto);
    justify-items:left !important;
    align-items:left !important;
}
 
#unified-extensions-view .unified-extensions-list .unified-extensions-item,
#unified-extensions-view .unified-extensions-list{
     max-width: max-content;
}
 
#unified-extensions-view #unified-extensions-area {
    padding-bottom: 3px !important;
    border-bottom: 1px solid #aeaeae33 !important;
}
 
#unified-extensions-view .unified-extensions-list {
/*     border-top: 1px solid #aeaeae33 !important; */
}
 
#unified-extensions-view:is(panelview, #widget-overflow-fixed-list) .toolbaritem-combined-buttons {
  margin: 1px !important;
}
 
 

Всего записей: 96 | Зарегистр. 15-06-2023 | Отправлено: 00:14 09-12-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Frank_Sinatra
В шапке Как подключить скрипты JS:
https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/additional_top_toolbars.uc.js

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Frank_Sinatra
Есть такой скрипт OpenWith.uc.js
Подробнее... [?]
 
Выглядит так (открыть страницу/ссылку):
 
 
 
Пути к браузерам прописать свои.
 
Как подключить скрипты различными способами расписано в шапке.

Всего записей: 1342 | Зарегистр. 26-08-2007 | Отправлено: 11:16 09-12-2024 | Исправлено: Lagris, 11:41 09-12-2024
deannik

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

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 13:22 09-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