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

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

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

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

Всего записей: 8985 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:26 26-07-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Глобально работает. Но у меня точечное изменение некоторых иконок. Привык уже.
Так было Ссылка
Так стало Ссылка
Death_INN
Такой вариант в этом стиле просто прибивает иконку и остаётся пустое место место. Проверил на чистом профиле.
P.S. Ладно, если ничего не придумается - подожду. Aris-t2 тут на днях оживился, обновил пару скриптов, которые я использую. Может, и css займётся.))

Всего записей: 1019 | Зарегистр. 26-12-2009 | Отправлено: 16:58 18-10-2025
Andrewnews

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1 посмотри еще view-source:chrome://browser/skin/toolbarbutton-icons.css там для Bookmark toolbar buttons and menu items

Всего записей: 43 | Зарегистр. 06-10-2008 | Отправлено: 18:54 18-10-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Andrewnews
Спасибо. Я уже смотрел, как прописывается эта иконка инструментами браузера. Это с версии 143 началось, в предыдущей нормально. На панели закладок иконка меняется, а внутри как гвоздями прибили, не хочет.

Код:
.bookmark-item {
  &[container] {
    list-style-image: url("chrome://global/skin/icons/info.svg") !important; /* иконка для примера */
  }
}

Ну, низзя так низзя. Стиль отключать не буду - а вдруг?

Всего записей: 1019 | Зарегистр. 26-12-2009 | Отправлено: 20:43 18-10-2025
Death_INN

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

Код:
.bookmark-item {
  &[container] {
    --bookmark-item-icon: url("chrome://global/skin/icons/info.svg") !important; /* иконка для примера */
  }
}

Всего записей: 3984 | Зарегистр. 24-10-2002 | Отправлено: 21:33 18-10-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Я это тоже пробовал. С внутренней иконкой прокатывает, а ты попробуй внешнюю прицепить.
Выхода два: править omni.ja или userContent.css (ссылку давал gutasiho на предыдущей странице). Но в обоих случаях я теряю свою иконку (мой 1-й пост на этой странице, картинка "Так было").
У меня именно с внешней ничего не выходит в CSS.

Всего записей: 1019 | Зарегистр. 26-12-2009 | Отправлено: 23:37 18-10-2025 | Исправлено: xrun1, 23:38 18-10-2025
Death_INN

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

Цитата:
а ты попробуй внешнюю прицепить

у меня правило - без локальных картинок
 
Так что тебе давно пора бы задавать путь к внешним иконкам через chrome://
а именно либо всю папку с иконками переместить внутрь user_chrome_files, либо часть

Всего записей: 3984 | Зарегистр. 24-10-2002 | Отправлено: 00:11 19-10-2025
Andrewnews

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1 может так  
 
.bookmark-item[label^="Help"]{
 --menuitem-icon: url("иконка") !important;
 }  
 
глобально желтые папки где то тут было
 
@-moz-document url(chrome://global/skin/icons/folder.svg) {
    *|svg {
        background: no-repeat url(
            "data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(254,224,130,1.0)' stroke='rgba(178,133,1,1.0)'><path d='M 7.7500004,3.5 H 13.5 a 2,2 45 0 1 2,2 v 7 a 2,2 135 0 1 -2,2 h -11 a 2,2 45 0 1 -2,-2 v -9 a 2,2 135 0 1 2,-2 H 5.0000004 A 1.3150997,1.3150997 20.81677 0 1 5.8737051,1.8321819 L 7.7500004,3.5 5.8737051,5.1678181 A 1.3150997,1.3150997 159.18323 0 1 5.0000004,5.5 H 0.5'/></svg>"
        ) !important;
    }
    *|path {
        display: none !important;
    }
}  

Всего записей: 43 | Зарегистр. 06-10-2008 | Отправлено: 00:19 19-10-2025 | Исправлено: Andrewnews, 00:20 19-10-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Andrewnews
С Help разобрался.
Death_INN
Хочу посмотреть, сделай CSS без локальных, с data:image (любую не из omni.ja), если тебя так напрягают локальные картинки. Чтобы одинаковая была и в панели закладок, и в подменю. Т.е. замени стандартную.
Давать советы каждый может, а сделать?
Скриншот.

Всего записей: 1019 | Зарегистр. 26-12-2009 | Отправлено: 03:46 19-10-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 156 157 158 159 160

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru