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

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

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

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

Всего записей: 6995 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Starback, 17:19 15-06-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
 
сорри, эта тема только для внешнего вида? а как же скрипты?

Всего записей: 142 | Зарегистр. 29-01-2021 | Отправлено: 10:29 08-07-2024 | Исправлено: megabyte11, 11:03 08-07-2024
grom17



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

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

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

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



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

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

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

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

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

Всего записей: 3277 | Зарегистр. 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");
}

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

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

 

Всего записей: 1394 | Зарегистр. 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

Всего записей: 3277 | Зарегистр. 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;
}
 

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



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

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

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

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

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

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

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

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



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

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

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

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

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

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



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

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

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

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

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

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



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

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

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

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

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



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

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

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

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

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

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

Всего записей: 3277 | Зарегистр. 24-10-2002 | Отправлено: 16:27 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

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