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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 161 162 163 164 165 166 167 168

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

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

Всего записей: 9168 | Зарегистр. 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 займётся.))

Всего записей: 1065 | Зарегистр. 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

Всего записей: 54 | Зарегистр. 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; /* иконка для примера */
  }
}

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

Всего записей: 1065 | Зарегистр. 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; /* иконка для примера */
  }
}

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



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

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

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

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

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

Всего записей: 4042 | Зарегистр. 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;
    }
}  

Всего записей: 54 | Зарегистр. 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), если тебя так напрягают локальные картинки. Чтобы одинаковая была и в панели закладок, и в подменю. Т.е. замени стандартную.
Давать советы каждый может, а сделать?
Скриншот.

Всего записей: 1065 | Зарегистр. 26-12-2009 | Отправлено: 03:46 19-10-2025
Death_INN

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

Код:
.bookmark-item {
  &[container] {
    --bookmark-item-icon: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='yellow'><path d='M10 1c-.681.681-1.07 1.898-.277 3.227l-3.72 2.488c-.461-.187-.958-.326-1.448-.328C3.917 6.383 3.547 6.453 3 7l2 2.462L2 13l-1 2 2-1 3.586-3L9 13c.969-.969.72-1.944.285-3.004l2.488-3.719C13.103 7.07 14.32 6.681 15 6Z'/></svg>") !important;
  }
}


Всего записей: 4042 | Зарегистр. 24-10-2002 | Отправлено: 09:23 19-10-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Спасибо.
Чего я стал париться с этим CSS? Всё равно каждое обновление правлю omni.ja. Слепил свою иконку и заменил chrome://global/skin/icons/folder.svg. Проблема решена.

Всего записей: 1065 | Зарегистр. 26-12-2009 | Отправлено: 17:14 19-10-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1 для этого все равно нужна своя иконка, а раз в UCF хром регистрация через файл манифеста, то можно переопределить иконку через override
Если чисто стилями, то у меня затруднения (решаемые) вызывают замены иконок (на data:image) на некоторых страницах about:*

Всего записей: 4042 | Зарегистр. 24-10-2002 | Отправлено: 18:30 19-10-2025 | Исправлено: Death_INN, 18:40 19-10-2025
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Уже закинул, нормально. А если что поменять для отдельной папки, можно стилем. Для боковой панели и окна библиотеки есть скрипт.

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1 нет желания поправить в своих скриптах это?

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



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

Цитата:
нет желания поправить в своих скриптах

Есть. Если бы я понял твой пост и к чему это, то и вопросов на том форуме не не было. Спасибо!

Всего записей: 1065 | Зарегистр. 26-12-2009 | Отправлено: 21:49 19-10-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kaile
Можно. Вот скроет пункты История и Загрузки, по аналогии добавь туда другие пункты

Код:
#appMenu-history-button,
#appMenu-downloads-button {
    display: none !important;
}

Всего записей: 9168 | Зарегистр. 14-09-2020 | Отправлено: 17:56 20-10-2025
Lagris

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Kaile
Расширенный список:

Код:
#appMenu-new-tab-button2,  
#appMenu-new-window-button2,                        
#appMenu-new-private-window-button2,
#appMenu-history-button,
#appMenu-downloads-button,
#appMenu-passwords-button,
#appMenu-extensions-themes-button,
#appMenu-print-button2,
#appMenu-save-file-button2,
#appMenu-find-button2,
#appMenu-zoom-controls,
#appMenu-settings-button,
#appMenu-more-button2,  
#appMenu-settings-button,
#appMenu-more-button2,
#appMenu-help-button2,
#appMenu-quit-button2 {
    display: none !important;
}
 

Всего записей: 1409 | Зарегистр. 26-08-2007 | Отправлено: 19:12 20-10-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1 консоль почти всегда подскажет, если какой скрипт не пашет

Всего записей: 4042 | Зарегистр. 24-10-2002 | Отправлено: 22:04 20-10-2025
Malexius

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Перешел на на 140 ESR, подскажите, есть ли возможность уменьшить интервал между значками на панели закладок и между строками контекстного меню? Пробовал искать в теме, не нашел.

Всего записей: 169 | Зарегистр. 06-12-2017 | Отправлено: 09:50 21-10-2025
alloledd

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Автоскрытие боковой панели есть рабочее?

Всего записей: 7472 | Зарегистр. 25-10-2019 | Отправлено: 14:01 21-10-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
alloledd
На github MrOtherGuy в шапке ввести в поле поиска sidebar. Так же в теме есть работающий стиль от Death_INN
 
Добавлено:
Malexius
Цитата:
между строками контекстного меню?

Код:
/* Межстрочный интервал в контекстном меню */
menupopup > menuitem, menupopup > menu {
  padding-block: 3px !important; /* Set Line spacing here */
}

Всего записей: 9168 | Зарегистр. 14-09-2020 | Отправлено: 14:31 21-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 161 162 163 164 165 166 167 168

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

LiteCoin: LgY72v35StJhV2xbt8CpxbQ9gFY6jwZ67r

Рейтинг.ru