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

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

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

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

Просьба публикуемые коды заключать в тэг [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
Также не забываем про такую строку в 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.
 
Полезные ссылки
 
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 6850 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Starback, 17:19 15-06-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Добрый день! Это код скрывает кнопку закрытия вкладки и показывает её при наведении.
Хотелось бы чтоб кнопка появлялась при наведении именно на неё, а не на вкладку. Может у кого есть варианты?
Всего записей: 1362 | Зарегистр. 12-10-2002 | Отправлено: 17:07 06-07-2024 | Исправлено: grom17, 17:11 06-07-2024
Death_INN

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

Цитата:
Если обернуть весь код, то получается фигня

Нет, все ок. Я давал один из способов, чтобы темная тема осталась дефолтной и не обиженной))

Цитата:
Видимо оборачивать надо выборочно

Нет. Берешь свой исходный файл и в конец добавляешь
@media (prefers-color-scheme: dark) {сюда свои стили для темной темы}. Это для FF115. А в FF127 можно задавать цвета сразу для светлой и темной темы, типа
background-color: light-dark(white, black);

Цитата:
не трогая панель закладок

menupopup:not([placespopup])
 
Не думал, что до сих пор юзают .tab-background::before
 
Добавлено:
grom17

Цитата:
Хотелось бы чтоб кнопка появлялась при наведении именно на неё, а не на вкладку. Может у кого есть варианты?

ну так напрашивается переместить :hover с вкладки на кнопку
Всего записей: 3215 | Зарегистр. 24-10-2002 | Отправлено: 17:42 06-07-2024 | Исправлено: Death_INN, 17:50 06-07-2024
deannik

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Берешь свой исходный файл и в конец добавляешь @media (prefers-color-scheme: dark) {сюда свои стили для темной темы}.
Спасибо, в 115 работает. Осталась проблема с цветом текста и жирной рамкой на тёмной теме (выше об этом спрашивал) (gif).
Цитата:
Не думал, что до сих пор юзают .tab-background::before
Даже не знаю, работает и не трогаю. Весь код взят отсюда, что-то убрал/изменил. Если можно изменить на попроще, меньше кода, подскажите.
Цитата:
menupopup:not([placespopup])
В 127 попробую немного позже.
Спасибо за помощь.
Всего записей: 484 | Зарегистр. 04-08-2013 | Отправлено: 18:45 06-07-2024 | Исправлено: deannik, 18:52 06-07-2024
Death_INN

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

Цитата:
Осталась проблема с цветом текста и жирной рамкой на тёмной теме

Не знаю, может не стоило менять в about:config
browser.display.windows.non_native_menus
Всего записей: 3215 | Зарегистр. 24-10-2002 | Отправлено: 19:30 06-07-2024
grom17



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

Не хочет работать.
Всего записей: 1362 | Зарегистр. 12-10-2002 | Отправлено: 19:40 06-07-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, а зачем тебе понадобился transition на кнопке? visibility зачем-то (удалить везде), когда вполне достаточно opacity
Всего записей: 3215 | Зарегистр. 24-10-2002 | Отправлено: 20:58 06-07-2024
grom17



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

Цитата:
 зачем тебе понадобился transition на кнопке? visibility зачем-то (удалить везде), когда вполне достаточно opacity  

Это где-то в сети скопировал, а там разговор о том что кнопка закрытия появляется при наведении на саму кнопку, ну и от нечего делать решил поэкспериментировать.
 
Добавлено:
Death_INN Спасибо за совет! Теперь всё фунциклирует как нужно!
Всего записей: 1362 | Зарегистр. 12-10-2002 | Отправлено: 21:02 06-07-2024
Death_INN

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

Код:
.tabbrowser-tab:not([pinned]) .tab-close-button:not(:hover) {
  opacity: 0;
}

 
Всего записей: 3215 | Зарегистр. 24-10-2002 | Отправлено: 22:12 06-07-2024 | Исправлено: Death_INN, 22:14 06-07-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Спасибо! Так тоже работает.
Всего записей: 1362 | Зарегистр. 12-10-2002 | Отправлено: 22:36 06-07-2024
megabyte11

Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
эм, а можно сделать такой скрипт(лет? что это), чтобы на форуме 4pda, при наведении мышкой на иконку   , во всплывающем окне открывалось цитируемое сообщение <a href="/forum/index.php?act=findpost&amp;pid=131119069" target="_blank" title="Перейти к сообщению"><img src="https://4pda.to/s/PXtiz2KYz0T9mGS0XapbOdNjHrEil1U9Jbhd74Sf20hgz0Cm7lJJG.gif" alt="*" border="0"></a>
 
как на ру-боарде наведи на вопрос
 
желательно, конечно, для расширения, чем ломать firefox
 
сорри, эта тема только для внешнего вида? а как же скрипты?
Всего записей: 138 | Зарегистр. 29-01-2021 | Отправлено: 10:29 08-07-2024 | Исправлено: megabyte11, 11:03 08-07-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Добрый день! Решил немного порядок с иконками в контекстном меню навести.
Заметил что текст и иконка, если строка меню активна, подсвечиваются, а если строка не активна, не подсвечиваются (тусклые).
А теперь вопрос: Какой параметр отвечает за этот режим контекстного меню?
Всего записей: 1362 | Зарегистр. 12-10-2002 | Отправлено: 16:43 08-07-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, например, атрибуты disabled, _moz-menuactive
Всего записей: 3215 | Зарегистр. 24-10-2002 | Отправлено: 17:30 08-07-2024 | Исправлено: Death_INN, 17:34 08-07-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Извиняюсь, поправка к вопросу: Сама строка (активна-неактивна) подсвечивается, а вот иконка не подсвечивается. Её в меню не было совсем, я добавил, всё работает нормально, а вот иконка "капризничает".
 
Вот этот код,
откуда брал уже не помню.
Всего записей: 1362 | Зарегистр. 12-10-2002 | Отправлено: 17:46 08-07-2024 | Исправлено: grom17, 18:07 08-07-2024
Death_INN

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

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

только там, где ты свою иконку добавил? если да, то строку покажи оригинальную и измененную на примере одного пункта меню
Всего записей: 3215 | Зарегистр. 24-10-2002 | Отправлено: 18:46 08-07-2024 | Исправлено: Death_INN, 18:48 08-07-2024
grom17



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

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

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

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

 
Всего записей: 1362 | Зарегистр. 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
Всего записей: 3215 | Зарегистр. 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;
}
 
Всего записей: 6850 | Зарегистр. 14-09-2020 | Отправлено: 17:10 09-07-2024 | Исправлено: gutasiho, 17:10 09-07-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Добрый вечер! Это тень от боковой панели, и она блокирует увеличение (расширение) панели мышкой.
Возможно ли устранить этот недостаток?
 
И ещё: При открытии FF у URL панели есть контур и при открытии новой вкладки тоже есть контур.
Требуется убрать эти контуры и желательно не все сразу, а по отдельности. Спасибо!
 
Как сказал однажды коллега: и он был совершенно прав!
...но в 128 явно что-то поломали.
Всего записей: 1362 | Зарегистр. 12-10-2002 | Отправлено: 21:13 09-07-2024 | Исправлено: grom17, 21:55 09-07-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Отключить стиль, отрегулировать ширину панели, включить стиль - не подходит? Или вы меняете ширину 20 раз за сессию?
Всего записей: 6850 | Зарегистр. 14-09-2020 | Отправлено: 06:43 10-07-2024
diogen78

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

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

Предлагается сравнить переводчики по их названию или по их иконках на вашем скриншоте?
Приложили бы какие-нибудь ссылки на расширение и скрипт.
Всего записей: 13 | Зарегистр. 16-09-2008 | Отправлено: 09:33 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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru