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

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

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

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
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 7714 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
kokoss19

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

Цитата:
В идеале скрыть:
"Сохранить страницу как"
"Сохранить страницу в Pocket
"Отправить на устройство
"Выделить все"  

Для того что бы скрыть например пункт конт.меню "Сохранить страницу как" открывайте ->    simpleMenuWizard/blank-context.css и включайте эту строку, после чего перезагружаете браузер.
 
add, как должно выглядеть:

Код:
/* #context-bookmarkpage,             /* Navi: Bookmark star icon             */
/* #context-sep-navigation,         /************** Separator ***************/
#context-savepage,               /* Save Page As...                      */
 



----------
Win7 / FF115

Всего записей: 2116 | Зарегистр. 16-07-2018 | Отправлено: 19:04 16-11-2023 | Исправлено: kokoss19, 19:11 16-11-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ShredderIT
Цитата:
Есть толковая инструкция, как отключить пункты меню?
Образец
Код:
/* Removes Items from Page Context Menu */
/* "Take Screenshot", "Inspect Element separator", "Inspect Accessibility Properties", "Inspect(Q)" */
#context-take-screenshot,
#context-sep-screenshots,
#context-inspect-a11y,
#context-inspect {
    display: none !important;
}
Принцип: в "Инструментах браузера" определяете ID пункта контекстного меню и подставляете в образец.
 
Добавлено:
Если между строками у себя добавите запятые и в конце
Код:
{
    display: none !important;
}  
, может и заработает, если ID правильные.

Всего записей: 7714 | Зарегистр. 14-09-2020 | Отправлено: 19:05 16-11-2023 | Исправлено: gutasiho, 19:08 16-11-2023
qwerty1956

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ShredderIT
Тут https://github.com/stonecrusher/simpleMenuWizard все расписано. на русский перевести может любой онлайн-переводчик
Положите скачанные папку simpleMenuWizard и файл userChrome.css в папку Chrome.
Свой userChrome.css выбросьте. В папке файлы для разных Контекстных меню Фокса.
Удалите /* в начале строки с названием ненужного пункта.  
Проще уже не знаю как

Всего записей: 260 | Зарегистр. 07-11-2005 | Отправлено: 19:17 16-11-2023
ShredderIT

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
qwerty1956, все это было сделано. Выше писал об этом.
Результата не принесло.
 
kokoss19
gutasiho
Похоже дело было в коде, который я использовал.
 
Мне тут добрый человек подсказал свой код и он рабочий оказался:
/* Context menu */
#context-navigation,#context-sep-navigation,#context-savepage,#context-pocket,#context-sendpagetodevice,#context-sep-sendpagetodevice,#context-selectall,#context-print-selection,#context-take-screenshot,#context-viewsource { display: none; }
 
/* Link menu */
#context-bookmarklink,#context-savelink,#context-savelinktopocket,#context-searchselect,#context-sendlinktodevice { display: none; }
 
 
Осталось "допилить" - добавить нужные мне пункты.
 
Благодарю всех за помощь =)

Всего записей: 9 | Зарегистр. 17-01-2021 | Отправлено: 19:22 16-11-2023 | Исправлено: ShredderIT, 19:24 16-11-2023
kokoss19

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

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

SimpleMenuWizard в помощь!

----------
Win7 / FF115

Всего записей: 2116 | Зарегистр. 16-07-2018 | Отправлено: 19:33 16-11-2023
vinnie1

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кнопка СВ, работает в 115esr, хотя 2016 года
 
https://forum.mozilla-russia.org/viewtopic.php?pid=600133#p600133
 
Скрывает пункты контестного меню

Всего записей: 40 | Зарегистр. 05-12-2007 | Отправлено: 19:49 16-11-2023 | Исправлено: vinnie1, 20:02 16-11-2023
ShredderIT

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
Удалось завести и SimpleMenuWizard  ))
Ранее я некорректно раскомментировал часть строк.
 
Звиздец, через такие дебри пришлось пройти ( Накатал мануал.
Как "вылавливать НЕ штатные пункты в контекстном меню:
 
1. В Firefox ПКМ - Исследовать
 
2. В настройках открывшегося Toolbox (исследователя) включить чекбоксы:
-Включить инструменты отладки browser chrome и
дополнений
-Включить удалённую отладку
 
3.1 Вкл. англ. раскладку, если вкл. русская
3.2 Нажать на окно Toolbox (исследователя)
3.3 Нажать Ctrl + Alt + Shift + I
  В появившемся окне на вопрос "Разрешить соединение?" нажать "Да"
 
4. Отобразится окно "Инструменты родительского процесса браузера".
 
5. В данном окне нажимаем кнопку "три точки" - "Отключить автоскрытие всплывающих окон" (данная настройка нужна, чтобы контекстное меню не исчезало).
 
6. В Firefox делаем ПКМ, чтобы отобразилось контекстное меню и начинаем его исследовать предварительно нажав в окне "Инструменты родительского процесса браузера" на кнопку со стрелочкой.
 
 
Пункты, которые мне удалось выловить самостоятельно (для примера, может у кого тоже есть подобные расширения и требуется отключить данные пункты):
 
wallabagger
#*7a7b1d36-d7a4-481b-92c6-9f5427cb9eb1*-menuitem-_wallabagger-add-link
 
Pushbullet
#jid1-bycqofyfmbmd9a_jetpack-menuitem-8
 
Bitwarden
#*446900e4-71c2-419f-a6a7-df9c091e268b*-menuitem-_root
 
Мой мануал на основе этой статьи:
https://firefox-source-docs.mozilla.org/devtools-user/browser_toolbox/index.html#Enabling_the_Browser_Toolbox
и этого поста:
https://forum.mozilla-russia.org/viewtopic.php?pid=758758#p758758

Всего записей: 9 | Зарегистр. 17-01-2021 | Отправлено: 19:51 16-11-2023 | Исправлено: ShredderIT, 22:07 16-11-2023
uaixovich



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
спс, такой фокус работает и в 115.4.0 esr

Всего записей: 200 | Зарегистр. 12-10-2012 | Отправлено: 20:05 16-11-2023 | Исправлено: uaixovich, 20:06 16-11-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как с помощью CSS-кода верхним панелям браузера в качестве фона вместо монохрома назначить пользовательское изображение, чтобы яснее было, например, такое? Разобрался.
 

Всего записей: 7714 | Зарегистр. 14-09-2020 | Отправлено: 11:22 17-11-2023 | Исправлено: gutasiho, 17:38 17-11-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
скрипт для изменения юзер-агента на выбранном сайте

Всего записей: 6695 | Зарегистр. 05-06-2012 | Отправлено: 14:42 21-11-2023 | Исправлено: pangasiys, 15:40 27-11-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
AngelNet
Цитата:
отмечен "отвал" цветового выделения в урлбаре, он вернулся на дефолтный бирюзовый,

Может, включен параметр "получать акцентный цвет из настроек Windows"?
Код:
widget.windows.titlebar-accent.enabled

Всего записей: 7714 | Зарегистр. 14-09-2020 | Отправлено: 19:11 21-11-2023
AngelNet



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

Цитата:
widget.windows.titlebar-accent.enabled  

gutasiho
у меня этот параметр не существует:  
https://klikr.org/989dbea3bff883ed9ea5cf02e3d9.png
 
Добавлено:


я не знал о существовании отдельной темы, поэтому опишу свой запрос тут.
 
уважаемые лисоводы, просьба помочь!
я заметил что с обновлением лисы, у меня отрыгнул пользовательский ЦСС-код в файле userChrome.css
 
пока что отмечен "отвал" цветового выделения в урлбаре, он вернулся на дефолтный бирюзовый, а должен быть таким:  
   
 
ниже код, который раньше отвечал за перекраску и который перестал работать:  
 

Код:
/* перекрашиваем бирюзовое выделение текста в урлбаре на свои цвета */
:root[lwt-toolbar-field-focus-brighttext] input::selection {
    background-color: #596eb5 !important;
    color: white !important;
}

 
просьба помочь вернуть коду работоспособность.

благодарю, завелось.
 
буду искать что могло сломаться еще.

----------
animelist

Всего записей: 7529 | Зарегистр. 11-03-2004 | Отправлено: 19:13 21-11-2023 | Исправлено: AngelNet, 19:57 21-11-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
AngelNet
Код:
/* перекрашиваем бирюзовое выделение текста в урлбаре на свои цвета */
#urlbar-input::selection {
    color: white !important;                /* text color, when selected */
    background-color: #596eb5 !important;    /* background color, when selected */
}
 

Всего записей: 7714 | Зарегистр. 14-09-2020 | Отправлено: 19:41 21-11-2023 | Исправлено: gutasiho, 19:43 21-11-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добавил в шапку линк на Alice0775, он, кстати, японец, а не китаец.

Всего записей: 7714 | Зарегистр. 14-09-2020 | Отправлено: 13:01 22-11-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Dracula
Цитата:
Как сделать так, чтобы при нажатии на ссылку любую в выпадающем меню и выборе "Сохранить объект как...", она не стояла бы 5 по счёту, а встала бы первой?

Код:
#context-savelink {
order: -1 !important;
}

Всего записей: 7714 | Зарегистр. 14-09-2020 | Отправлено: 19:42 22-11-2023
Dracula



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Огромное спасибо. Очень выручил.

----------
+=._.=++=._.=++=._.=++=._.=++=._.=++=._.=++=._.=+

Всего записей: 3538 | Зарегистр. 22-12-2003 | Отправлено: 19:55 22-11-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Заметил, что при использовании вертикального тулбара от Aris-t2 блокируется возможность мышкой изменить ширину боковой панели, обычно она блокируется на своей максимальной ширине по умолчанию в 468px. Если все же ее ширину нужно изменить, то
Код:
/* userChrome.css Tweak Firefox */
/* Sidebar width adjustment (if vertical toolbar by Aris-t2 is used) */
#sidebar-box {
    max-width: 468px !important;    /* by default = 468px max. */
}

Всего записей: 7714 | Зарегистр. 14-09-2020 | Отправлено: 10:04 24-11-2023
KismetT_v3



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

----------
Это я .... И это тоже я .... Мы из этих

Всего записей: 2517 | Зарегистр. 08-04-2016 | Отправлено: 00:51 25-11-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Emoticon как метка для индивидуальной папки закладок.
 
Код:
#PlacesToolbarItems > toolbarbutton[label="Moz"] >.toolbarbutton-text {
/*    display: none !important;            /* Отображение названия папки */
}
#PlacesToolbarItems > toolbarbutton[label="Moz"]::before {
    content: '🍺' !important;            /* Emoticon или текст */
    display: block !important;
    font-size: 13px !important;            /* Размер Emoticon или текста */
/*    color: transparent !important;        /* Прозрачная Emoticon */
    margin-top: -3px !important;        /* Смещение Emoticon выше-ниже */
}
/* End of code */

Всего записей: 7714 | Зарегистр. 14-09-2020 | Отправлено: 13:32 27-11-2023 | Исправлено: gutasiho, 13:32 27-11-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, в FF120 уже не пашет стиль. Точнее пашет, но ломает стиль кнопок прокрутки табов, т.е. кнопки не появляются, так что пришлось переделывать через добавление переменной. А вот стили с селектором ::part у меня не подхватываются.

Всего записей: 3548 | Зарегистр. 24-10-2002 | Отправлено: 16:03 29-11-2023
Открыть новую тему     Написать ответ в эту тему

Страницы: 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

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