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

deathrox Newbie Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору gutasiho, неа, кнопка на месте( Может я чего не правильно прописал? Я помню давно была схожая проблема с кнопкой + (отображение всех вкладок). После добавления #alltabs-button { display: none !important; } все наладилось. Код: Цитата: #privatebrowsing-button {     display: none !important; }   #alltabs-button { display: none !important; }   :root {   --arrowpanel-menuitem-margin: 0 !important;   --arrowpanel-menuitem-padding-block: 2px !important;   --arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) 6px !important;   --arrowpanel-menuitem-border-radius: 2px !important;   --arrowpanel-border-radius: 2px !important; } #PlacesToolbar menupopup {   padding-inline-start: 0 !important;   margin-inline-start: 0 !important; } #BMB_bookmarksPopup menupopup {   padding-inline-start: 0 !important; }     Добавлено: gutasiho, код на кнопку работает, но он скрывает кнопку приватной вкладки из панели инструментов, а ненужная так и висит.   Всего записей: 27 | Зарегистр. 07-09-2014 | Отправлено: 10:49 21-08-2025

deathrox Newbie Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Farby, спасибо, сработало! p.s. только без кавычек, после button Всего записей: 27 | Зарегистр. 07-09-2014 | Отправлено: 11:41 21-08-2025

rubel Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Death_INN Цитата: Сваял  макси компактный стилевой вариант авто скрытия левосторонней боковой панели закладок. Код Как в этом стиле замедлить хотя-бы на пол секунды появление\скрытие панели закладок ? Всего записей: 1486 | Зарегистр. 12-07-2004 | Отправлено: 09:06 24-08-2025

rubel Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Death_INN (18:14 24-08-2025 UTC+3) Цитата: добавь transition с нужной задержкой для ховера и без него, но не знаю как будет пахать Да, получилось как и хотел. Добавил transition: 0.5s;  для ховера и без него.   Всего записей: 1486 | Зарегистр. 12-07-2004 | Отправлено: 19:01 24-08-2025 | Исправлено: rubel, 19:07 24-08-2025

rubel Advanced Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Death_INN Попробовал по последнему совету. Боковушка появляется и скрывается после задержки резко моментально. А в моем примере, она  появляется и скрывается после задержки плавно.   Всего записей: 1486 | Зарегистр. 12-07-2004 | Отправлено: 05:29 25-08-2025

gutasiho Gold Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору В 143 отменили параметр listStyleImage, без правки вместо иконки будет отображаться рамка   Всего записей: 8861 | Зарегистр. 14-09-2020 | Отправлено: 09:16 25-08-2025 | Исправлено: gutasiho, 09:17 25-08-2025

unter_officer Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору gutasiho Цитата: В 143 отменили параметр listStyleImage, без правки вместо иконки будет отображаться рамка Не подскажите, как исправить?   P.S. Я решил "пощупать" 143 b3. Похоже мозиловцы опять что-то с контекстными меню наворотили. Текст съехал, почти все иконки пропали. Опять стили придется править. ---------- «The Truth Is Out There» Всего записей: 361 | Зарегистр. 03-08-2008 | Отправлено: 09:42 25-08-2025 | Исправлено: unter_officer, 09:45 25-08-2025

gutasiho Gold Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору unter_officer Код: //    menuitem.style.listStyleImage = 'url("https://www.deepl.com/favicon.ico")';       menuitem.style.setProperty('--menuitem-icon', 'url("https://www.deepl.com/favicon.ico")'); Это на случай использования онлайновой иконки. Адрес в кавычках можно заменить на физический путь или иконку base64. Скрипт не использую, случайно заметил.   Так же команда Код: ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs"); в скриптах больше не нужна, можно удалить.   Стиль конт. меню совсем не пострадал     Всего записей: 8861 | Зарегистр. 14-09-2020 | Отправлено: 09:53 25-08-2025 | Исправлено: gutasiho, 09:58 25-08-2025

unter_officer Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору gutasiho Цитата: Стиль конт. меню совсем не пострадал Я использую стили для контекстных меню, которые в этой теме выкладывал Death_INN (только ссылка на его пост у меня не сохранилась). В 141 и 142 все работает. В 143 большинство иконок пропало, и соответственно текст съехал влево. В пунктах контекстных меню, которые добавлены скриптами иконки остались, а остальные пропали.   У меня сейчас со временем полная засада, я толком со 143 не разбирался... накатил, запустил, увидел, что проблемы с контекстным меню и удалил. Через пару недель займусь этим вопросом.   Цитата: Это на случай использования онлайновой иконки. Адрес в кавычках можно заменить на физический путь или иконку base64. Скрипт не использую, случайно заметил. Я этот скрипт тоже не использую. В паре других скриптов иконки пропали, вместо них пустые квадратики. Но там нет ничего похожего на menuitem.style.listStyleImage = 'url("https://www.deepl.com/favicon.ico")'; ---------- «The Truth Is Out There» Всего записей: 361 | Зарегистр. 03-08-2008 | Отправлено: 10:33 25-08-2025 | Исправлено: unter_officer, 11:01 25-08-2025

RetroRocket Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору В продолжение своего поста про FF 115 ESR. Поскольку не использую тёмный режим сайтов, то просто "прибил гвоздями" нужные значения цветов в своём userContent.css: Код: /* ================================ fix imgsrc.ru (FF 115 only) ====================================*/ @-moz-document domain(imgsrc.ru) { :root    {     --bg-content: #EEE !important;                 --bg-selected-photo: #FFF !important;             --fg-link-color: #903030 !important;     --bg-buttons: #49f !important;     --fg-body: #555 !important;     --bg-body: #FFF !important;     } } /* ================================ end imgsrc.ru =============================================*/ ---------- "... Зовёт, зовёт в дорогу далёкий Млечный Путь ..." Всего записей: 2937 | Зарегистр. 02-01-2018 | Отправлено: 07:55 26-08-2025

unter_officer Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору gutasiho Цитата: Стиль конт. меню совсем не пострадал gutasiho, не поделитесь своим стилем для контекстных меню? ---------- «The Truth Is Out There» Всего записей: 361 | Зарегистр. 03-08-2008 | Отправлено: 12:57 26-08-2025

gutasiho Gold Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору unter_officer Иконки указаны так Код: /* Icon "Copy" */ #context-copy::before {     background-image: url("..//icons//copy16.png") !important; } /* Icon "Paste" */ #context-paste::before {     background-image: url("..//icons//paste16.png") !important; } Плюс использован "общий отступ" , точнее, только два первых блока кода, во втором блоке кода удаллены строки toolbarbutton:not... и  toolbaritem#appMenu... В последующем Death_INN еще два раза, кажется, два, модернизировал "общий отступ", но у меня с модификациями не срослось. А вот указанный уже год работает на всех версиях, начиная, видимо, с v130, без проблем и исправлений. За что Death_INN гранд мерси! Всего записей: 8861 | Зарегистр. 14-09-2020 | Отправлено: 13:19 26-08-2025 | Исправлено: gutasiho, 13:27 26-08-2025

unter_officer Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору gutasiho, спасибо. Выделить время, чтобы заняться стилями, удалось только под вечер. Поскольку я в стилях разбираюсь также, как и в скриптах, т.е. никак, то пришлось помучиться. В результате сделал то, что хотелось получить на выходе.   Правда пришлось что-то брать из стиля, который вы дали, а что-то из этого стиля - ТЫЦ.   Но главное, что все получилось.   gutasiho, ещё раз спасибо, и конечно большое спасибо Death_INN. ---------- «The Truth Is Out There» Всего записей: 361 | Зарегистр. 03-08-2008 | Отправлено: 22:39 26-08-2025

gutasiho Gold Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Цветной скролл через about:config, без css и скрипта Создать параметры, указанные в первом комментарии, в качестве значений ввести желаемые цвета. Перезапустить. Работает в предыдущих версиях, в 142, 143b, 144a. Работает везде - в контенте, боковой панели, библиотеке, управлении закладками, папках закладок на панели избр.     Всего записей: 8861 | Зарегистр. 14-09-2020 | Отправлено: 07:54 28-08-2025 | Исправлено: gutasiho, 10:13 28-08-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

Компьютерный форум 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 Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование