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-селекторов элементов интерфейса встроенными средствами браузера Всего записей: 8870 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:26 26-07-2025

xrun1 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Death_INN Цитата: Работает ли у тебя гугл1 без входа в аккаунт? Да. Google1 логотипа из шапки   Добавлено: Death_INN Там новый вариант поиска по картинкам, может так у тебя заработает. Всего записей: 1003 | Зарегистр. 26-12-2009 | Отправлено: 12:48 23-05-2025

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Death_INN Цитата: background: no-repeat center/16px url("...") Спасибо воспользуюсь! Цитата: Полную актуальную версию отступов дать не могу, т.к. реализовано через label (по названиям пунктов), а не с пропиской селекторов Кстати, очень хороший вариант. Я попробовал то, что было предложено: Код:   menupopup:not(.in-menulist) menuitem:not([checked], [icon], .menuitem-iconic) {     &[label^="Сохранить"]::before {       background-image: url("data:image/svg+xml;charset=utf-8,<svg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='context-fill' fill-opacity='context-fill-opacity'><path d='M3 1c-1.108 0-2 .892-2 2v10c0 1.108.892 2 2 2h10c1.108 0 2-.892 2-2V5l-4-4H3zm0 1h2v3c0 1.108.892 2 2 2h2c1.108 0 2-.892 2-2V2.414l3 3V13c0 .554-.446 1-1 1v-2c0-1.108-.892-2-2-2H5c-1.108 0-2 .892-2 2v2c-.554 0-1-.446-1-1V3c0-.554.446-1 1-1zm3 0h2v4H7c-.554 0-1-.446-1-1V2zm-1 9h6c.554 0 1 .446 1 1v2H4v-2c0-.554.446-1 1-1z'/></svg>");       fill: #606E8C;     }     &[label="Копировать ссылку"]::before {       background-image: url("chrome://global/skin/icons/link.svg");       fill: #606E8C;     }   }     toolbarbutton:not(.subviewbutton-iconic, [checked]).subviewbutton {     &[label="Новая вкладка"]::before {       background-image: url("chrome://global/skin/icons/plus.svg");       fill: #606E8C;     }     &[label="Настройки"]::before {       background-image: url("chrome://global/skin/icons/settings.svg");       fill: #606E8C;     }   } Но пока не разобрался полностью, т.е. добавляя какой-то пункт к меню, он почему-то не появился, но мог появиться в другом месте. Думаю всё зависит от этого: menupopup:not(.in-menulist) menuitem:not([checked], [icon], .menuitem-iconic) toolbarbutton:not(.subviewbutton-iconic, [checked]).subviewbutton   P.S. Хочу полностью закрыть тему иконок (хотя понимаю что тема "вечная" в связи с выходом новых версий). Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 14:18 23-05-2025

NEW_MAKC Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору пытался убрать субменю вкладки "закрыть несколько вкладок", а всё его содержимое вынести просто в меню через simpleMenuWizard, не получилось - это возможно или нет, или надо как то по другому? Всего записей: 777 | Зарегистр. 11-12-2004 | Отправлено: 20:28 23-05-2025

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Death_INN Цитата: 139 как зарелизится, то выложу актуальные стили отступов с парой-тройкой примеров по добавлению иконок Нарушение п. 2.10. главы VIII Соглашения по использованию Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 03:20 24-05-2025 | Исправлено: Maz, 10:55 25-05-2025

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Хочу добавить иконки в меню "Погода", но почему то не фунциклирует.   Здесь различные варианты: --menuitem-image:   content:   background-image:   list-style-image: Код: /* Изменить местоположение */ menuitem[data-l10n-id="newtab-weather-menu-change-location"] {     --menuitem-image: url("chrome://branding/content/icon32.png");     }   /* Переключиться на градусы Фаренгейта */ menuitem[data-l10n-id="newtab-weather-menu-change-temperature-units-fahrenheit"] {     content: url("chrome://browser/skin/forward.svg");     }   /* Переключиться в простой вид */ menuitem[data-l10n-id="newtab-weather-menu-change-weather-display-simple"] {     background-image: url("chrome://branding/content/icon32.png");     }   /* Скрыть погоду на новой вкладке */ menuitem[data-l10n-id="newtab-weather-menu-hide-weather"] {     list-style-image: url("chrome://browser/skin/forward.svg");     }   /* Подробнее */ menuitem[data-l10n-id="newtab-weather-menu-learn-more"] {     list-style-image: url("chrome://branding/content/icon32.png");     } Где "засада" не пойму.   Добавлено: На название иконок не обращайте внимания, это так, для теста. Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 17:58 24-05-2025 | Исправлено: grom17, 18:00 24-05-2025

insorg Platinum Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Дано: userContent.css :root {scrollbar-color: #ff9900 transparent !important;}   Вопрос: Можно ли добавить чёрную окантовку скроллбара? Как?   Добавлено: Окантовка именно по активной таскаемой части скроллбара. Прозрачный фон остальной его части (не активной) должен прозрачным и остаться.   Примерно вот так наглядно.   Слева - как есть сейчас, справа - как надо (в пэйнте дорисовал).         Всего записей: 19778 | Зарегистр. 04-11-2010 | Отправлено: 18:55 25-05-2025

grom17 Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору В крайней "ночнушке" FF140 поломались отступы в контекстном меню, у меня проблема решилась так: Код: /* Отступы контекстного меню (корректировка) в FF140 */ menupopup[needsgutter] {   @media (-moz-platform: linux) or (-moz-platform: windows) {     & > :is(menu, menuitem) > .menu-icon {       display: none !important;     }   } }   Добавлено: insorg, Когда то делал под себя полосу прокрутки и уже не помню источник:   Свойства и значения полосы прокрутки:   1. width: Задает ширину полосы прокрутки. 2. color: Устанавливает цвет полосы прокрутки. 3. background-color: Определяет цвет фона ползунка полосы прокрутки. 4. border: Применяет рамку вокруг полосы прокрутки. 5. border-radius: Закругляет углы полосы прокрутки. 6. scrollbar-width: Регулирует ширину полосы прокрутки. 7. scrollbar-color: Устанавливает цвет бегунка и дорожки полосы прокрутки. Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 19:44 25-05-2025

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

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