Maz Дед Мазай Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Предыдущие части: часть 1 В теме обсуждается настройка внешнего вида Firefox с использованием userChrome.css, userContent.css, а так же использование скриптов js (uc.js). Родственные темы: Mozilla Firefox | Расширения для Firefox | Mozilla Firefox. UCF (UserChromeFiles) - кнопки, скрипты   Обсуждение на "Форуме 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-селекторов элементов интерфейса встроенными средствами браузера Всего записей: 39797 | Зарегистр. 26-02-2002 | Отправлено: 14:23 23-01-2026 | Исправлено: gutasiho, 15:11 12-02-2026

xrun1 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Очистить панель адреса или поиска прокруткой колёсиком мыши на панели Ссылка И правка для 135+ Ссылка Код: //        that.unloadlisteners.push("clearsearchurlbar");         setUnloadMap(Symbol("clearsearchurlbar"), this.destructor, this); Всего записей: 1108 | Зарегистр. 26-12-2009 | Отправлено: 13:26 14-02-2026

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Этот код поворачивает всю строку. Код: transform: rotate(90deg); Как повернуть только иконку в контекстном меню? Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 13:44 15-02-2026

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору gutasiho, Цитата: А так? поворачивает всю строку   Например: мне нужно повернуть значек на 90 градусов по часовой (или против) стрелке в этом коде: Код: #context_moveTabOptions {     background-image: url("../icons/icon.svg");     } Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 14:31 15-02-2026 | Исправлено: grom17, 14:38 15-02-2026

gutasiho Gold Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору grom17 Иконка в гамбургере Код: /* Save page as... */ #appMenu-save-file-button2 {     list-style-image: url("chrome://browser/skin/save.svg"); }   #appMenu-save-file-button2 image {     transform:rotate(90deg)!important; } Всего записей: 9465 | Зарегистр. 14-09-2020 | Отправлено: 15:07 15-02-2026 | Исправлено: gutasiho, 15:08 15-02-2026

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Код: #context_moveTabOptions {     background-image: url("../../css-files/icons/arrow_swap.svg");     } #context_moveTabOptions {     transform:rotate(90deg)!important; }   Добавлено: Если добавить image, тогда вообще ничего не происходит. Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 15:30 15-02-2026

gutasiho Gold Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Конт. меню ссылки Код: #context-savelink::before {     background-image: url("..//icons//save_as.png") !important; /* relative path to icon */     transform:rotate(90deg)!important; } Всего записей: 9465 | Зарегистр. 14-09-2020 | Отправлено: 15:59 15-02-2026

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору gutasiho Похоже у меня где-то ошибка закралась. В другой конфигурации работает корректно. Будем искать...   Добавлено: У Vitaliy977 работает.   Не могу понять где "засада" P.S. Смысл этой "канители" в том, что в папке с иконками, есть значки которые можно использовать просто повернув их, тем самым удалить, так сказать "ненужные" значки, облегчив тем самым вес папки userChrome, пусть даже и незначительно. Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 17:16 15-02-2026

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Vitaliy977, Цитата:  сравните способ добавления иконок , Цитата: новых FF не нужны эти псевдоэлемент ::before и background-image   Спасибо за очередную помощь, всё сделал как в вашем коде и всё встало на свои места!   Добавлено: Цитата: нужно всего лишь посмотреть мой menu.css как сделано и сделать аналогично для элементов menuitem и menu. Ну, в общем я так и сделал.   Добавлено: Ну и вдогонку вопрос: как сделать подсветку строки меню?   Код: menu:where([_moz-menuactive]:not([disabled])), menuitem:where([_moz-menuactive]:not([disabled])) {     background-color: var(--arrowpanel-dimmed) !important; } #placesContext_show_bookmark\:info {     background-image: url("../../css-files/icons/edit-active.svg");     color: #00a4d5 !important;     }   Если background-color: заменить на content:, то код перестаёт работать. Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 20:58 15-02-2026

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Death_INN Цитата: box-shadow и т.п. ...и куда это вписывать? Я немного запутался в этой теме, поэтому прошу объяснить всё простыми словами. Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 23:20 15-02-2026 | Исправлено: grom17, 03:46 16-02-2026

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору del Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 03:46 16-02-2026 | Исправлено: grom17, 03:46 16-02-2026

gutasiho Gold Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору grom17 Речь о постоянной подсветке, как на Pin\Unpin?   Всего записей: 9465 | Зарегистр. 14-09-2020 | Отправлено: 12:08 16-02-2026

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Есть подсветка строки при наведении. Код: #context-openlinkintab { background-image: url("../../css-files/icons/tab_plus.svg");     color: rgba(255, 255, 0, .81) !important;     }      Нет подсветки строки при наведении, хотелось бы что-бы была. Код: #context-openlinkintab >.menu-icon {     visibility: visible !important;     content: url("../../css-files/icons/tab_plus.svg");     color: rgba(255, 255, 0, .81) !important;     }   Добавлено: Кстати, во втором варианте, подсвечивается только иконка, т.к. в первом, вся строка. Всего записей: 1769 | Зарегистр. 12-10-2002 | Отправлено: 13:23 16-02-2026 | Исправлено: grom17, 13:42 16-02-2026

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13

Компьютерный форум Ru.Board » Компьютеры » Программы » Mozilla Firefox: стили userChrome.css и скрипты js (Часть 2)

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование