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

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

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

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

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



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

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 16:43 08-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, например, атрибуты disabled, _moz-menuactive

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 17:30 08-07-2024 | Исправлено: Death_INN, 17:34 08-07-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Извиняюсь, поправка к вопросу: Сама строка (активна-неактивна) подсвечивается, а вот иконка не подсвечивается. Её в меню не было совсем, я добавил, всё работает нормально, а вот иконка "капризничает".
 
Вот этот код,
откуда брал уже не помню.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 17:46 08-07-2024 | Исправлено: grom17, 18:07 08-07-2024
Death_INN

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

Цитата:
Сама строка (активна-неактивна) подсвечивается, а вот иконка не подсвечивается

только там, где ты свою иконку добавил? если да, то строку покажи оригинальную и измененную на примере одного пункта меню

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 18:46 08-07-2024 | Исправлено: Death_INN, 18:48 08-07-2024
grom17



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

Код:
#context_closeDuplicateTabs {
    --menuitem-image: url("../icons/filter-dismiss.svg");
}

и иконка появилась.
По всей видимости дело в самой иконке, заменил её на другую и вроде всё заработало (подсвечивается), просто иконка не с тему.
Поищу подходящую и заменю. Нигде не могу найти "нормальный" стиль для иконок в контекстном меню.

Цитата:
в такой помойке копаться - врагу не пожелаешь  

 

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 19:27 08-07-2024 | Исправлено: grom17, 19:32 08-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, теперь ясно. Разрабы убрали частично или везде поддержку -moz-context-properties (т.е. не поможет даже добавление вручную), поэтому те иконки svg, в которых явно не задан цвет, будут зомби цвета.
Можно добавить композитный фильтр, но надо знать куда, ибо могут полететь другие стили, т.к. код большой и много взаимосвязей.
Можно изменить сам файл svg. Например, в главном контестном меню есть пункт "View Page Source". Для него svg файл document-search.svg. Открываем в редакторе и заменяем
fill="context-fill" fill-opacity="context-fill-opacity"
на
fill="#8e8e98"
 
А может вообще достаточно включить параметр svg.context-properties.content.enabled

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 20:45 08-07-2024 | Исправлено: Death_INN, 22:32 08-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Встроенный контекстный переводчик в v128.0 совсем не айс по сравнению с двумя ниже.
Код:
/* userChrome.css Tweak Firefox v128.0+ */
/* Hide build-in context translator item "Translate Selection to..." (Firefox v128.0+ only) */
/* Use this css or completelly disable by about:config: browser.translations.select.enable = false (by def. = true) */
#context-translate-selection {
    display: none !important;
}
 

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 17:10 09-07-2024 | Исправлено: gutasiho, 17:10 09-07-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый вечер! Это тень от боковой панели, и она блокирует увеличение (расширение) панели мышкой.
Возможно ли устранить этот недостаток?
 
И ещё: При открытии FF у URL панели есть контур и при открытии новой вкладки тоже есть контур.
Требуется убрать эти контуры и желательно не все сразу, а по отдельности. Спасибо!
 
Как сказал однажды коллега: и он был совершенно прав!
...но в 128 явно что-то поломали.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 21:13 09-07-2024 | Исправлено: grom17, 21:55 09-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Отключить стиль, отрегулировать ширину панели, включить стиль - не подходит? Или вы меняете ширину 20 раз за сессию?

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 06:43 10-07-2024
diogen78

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

Цитата:
Встроенный контекстный переводчик в v128.0 совсем не айс по сравнению с двумя ниже.

Предлагается сравнить переводчики по их названию или по их иконках на вашем скриншоте?
Приложили бы какие-нибудь ссылки на расширение и скрипт.

Всего записей: 17 | Зарегистр. 16-09-2008 | Отправлено: 09:33 10-07-2024
grom17



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

Цитата:
Или вы меняете ширину 20 раз за сессию?

Извиняюсь, я не понял, ширину я вообще не меняю, просто хочу бордюры убрать, в 128 перестало работать что в предыдущей версии работало.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 10:26 10-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Тогда я не понял вас аж два раза, но спецом для меня больше не объясняйте.
diogen78
Это так много раз выкладывалось и во многих модификациях, так что поиском по теме этой и основной найдете легко.

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 11:09 10-07-2024
grom17



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

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 14:38 10-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, типа с иконками уже разобрался? Даж не написал, что помогло

Цитата:
тень от боковой панели, и она блокирует увеличение (расширение) панели мышкой

Не может такого быть. А вот необдуманное изменение z-index запросто может кучу проблем создать. Бордюры легко убираются обычным способом
 

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 14:56 10-07-2024
grom17



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

Цитата:
типа с иконками уже разобрался? Даж не написал, что помогло
извиняюсь, пока не разобрался, оставил на потом.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 15:00 10-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, а я уже тестировал различные варианты добавления иконок и самый гибкий вариант, когда изначально место для иконок задается через ::before

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 15:17 10-07-2024
grom17



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

Цитата:
z-index запросто может кучу проблем создать.
вот он и создаёт, а без него не работает.
 
По поводу иконок, честно говоря не очень хочется этим "заморачиваться" из-за одной-двух штук, может где готовый стиль найду.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 15:22 10-07-2024 | Исправлено: grom17, 15:23 10-07-2024
deannik

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

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 16:18 10-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, я пока не ставил 128, но если смотреть динамику, то с атрибутов убирают значения
[focused="true"] => [focused]

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 16:27 10-07-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
если смотреть динамику, то с атрибутов убирают значения
[focused="true"] => [focused]
Так и есть. Убрал ="true" и заработал. Спасибо.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 17:29 10-07-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 149 150 151 152 153 154 155

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