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

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

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

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

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN Я вспомнил, 28.02.2024 г. мы уже обсуждали этот вопрос, спасибо!

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 21:15 26-10-2024 | Исправлено: grom17, 13:04 01-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Скрипт метит непрочитанные вкладки, вроде как зело удобен. Код

Всего записей: 8875 | Зарегистр. 14-09-2020 | Отправлено: 19:47 31-10-2024 | Исправлено: gutasiho, 19:48 31-10-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, в коде юзается setUnloadMap, а эта функция в составе UCF

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 08:59 02-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Мои познания в этом мизерны, но работает с активацией Aris-t2.

Всего записей: 8875 | Зарегистр. 14-09-2020 | Отправлено: 10:14 02-11-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, работает, но с ошибкой в консоли. Как вариант. Код

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 17:16 02-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
ОК, попробую.

Всего записей: 8875 | Зарегистр. 14-09-2020 | Отправлено: 19:19 02-11-2024
sam_yura



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Всех приветствую!
Возник вопрос, после обновления или по другим причинам, пропала иконка в гамбург-меню: More tools.
В userCrome.css за неё отвечала такая запись:

Код:
#appMenu-more-button2 {
  list-style-image: url(chrome://browser/skin/ion.svg);
}

Может кто и знает как вернуть её на место?
 
Сам задал, сам решил. Поменял адрес на иконку: chrome://global/skin/icons/developer.svg
 
Вопрос снят с повестки

Всего записей: 86 | Зарегистр. 19-10-2006 | Отправлено: 14:16 04-11-2024 | Исправлено: sam_yura, 14:49 04-11-2024
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Из-за Bug 1913704 выпилили ion.svg
можно url(chrome://browser/skin/ion.svg) заменить на


----------
Жизнь иногда такое выкидывает, что хочется подобрать...

Всего записей: 840 | Зарегистр. 22-10-2002 | Отправлено: 15:19 04-11-2024
nicol51

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, как можно вернуть старые иконки управлением звука на вкладке?

Всего записей: 814 | Зарегистр. 30-03-2008 | Отправлено: 11:02 06-11-2024 | Исправлено: nicol51, 11:03 06-11-2024
grom17



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

Код:
/*Значок вкладки «Аудио» */
.tab-icon-overlay[soundplaying] {
  /*fill: #058B00 !important;/* var(--green-70) */
  border: none !important;
  background-color: transparent !important;
}
.tab-icon-overlay[muted] {
  fill: #D70022 !important;/* var(--red-60) */
  border: none !important;
}
.tab-icon-overlay[activemedia-blocked] {
  fill: #FFE900 !important;/* var(--yellow-50) */
  border: none !important;
}

 
Добавлено:
Как вернуть старый значок звука на вкладке?  
https://www.reddit.com/r/FirefoxCSS/comments/1gfjh5y/how_to_get_back_the_old_sound_icon_on_the_tab/

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 12:24 06-11-2024
nicol51

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Спасибо за ссылку. Вернул как было.

Всего записей: 814 | Зарегистр. 30-03-2008 | Отправлено: 13:07 06-11-2024
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Решил попробовать вертикальные вкладки и почему то при их использовании не работает счетчик вкладок вот с этим кодом:

Код:
/*  Alltabs button with tab counter */
#TabsToolbar-customization-target {
    counter-reset: tabCount
}
.tabbrowser-tab {
    counter-increment: tabCount
}
#alltabs-button>.toolbarbutton-badge-stack>.toolbarbutton-icon {
    list-style-image: url("data:image/svg+xml,%3Csvg width='40' height='30' version='1.1' viewBox='0 0 40 30' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EVetro%3C/title%3E%3Cpath transform='translate(49,-60)' d='m-29 78.888-7.0703-7.0703 0.70703-0.70703 6.3633 6.3633 6.3633-6.3633 0.70703 0.70703-6.3633 6.3633z' fill='rgb(225, 225, 225)' style='paint-order:stroke fill markers'/%3E%3C/svg%3E");
    overflow: hidden !important;
    padding: 0 !important;
    border: 0 !important;
    width: 40px !important;
    height: calc(100% + 1px) !important;
    margin: 0 -2px 0 0 !important;
    transform: translate(20%, 15%);
    padding: 0 3px
}
#alltabs-button>.toolbarbutton-badge-stack {
    position: relative !important;
    border-radius: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    height: calc(100% + 1px) !important;
    width: 56px !important;
    margin: 0-2px 0 0 !important
}
#alltabs-button>.toolbarbutton-badge-stack::before {
    content: counter(tabCount);
    filter: contrast(500%)grayscale(100%);
    color: currentColor !important;
    position: absolute;
    bottom: 25%;
    left: 50%;
    transform: translate(-50%, -30%);
    padding: 0 3px
}

очень подозреваю что нужно что то поменять в первых двух блоках, но не знаю что...
Подскажите, пожалуйста.
Спасибо.

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 09:06 07-11-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette, счетчик должен быть создан на элементе, который включает в себя как элемент, где счетчик будет увеличиваться, так и элемент, на котором будет вывод значения счетчика. Для вертикальных табов скорее всего треба счетчик реверсного типа.

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 14:19 07-11-2024
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
спасибо, но я ничего не понял из сказанного, так далеко мои познания CSS не простираются...

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 14:25 07-11-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette, удали первые два правила до #alltabs-button и вместо них добавь этот Код

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 15:23 07-11-2024 | Исправлено: Death_INN, 15:25 07-11-2024
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
как вы это делаете?! работает, спасибо.

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 16:02 07-11-2024
grom17



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

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 20:01 07-11-2024 | Исправлено: grom17, 21:35 07-11-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Уважаемые Гуру! В старых версиях был такой код для удаления синих рамок и замены их на свой цвет:
:root:-moz-lwtheme {
--focus-outline-color: threedshadow !important;
}
Однако с 128FF он уже  не работает.Есть ли замена?

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 20:31 10-11-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud :root[lwtheme]

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 20:41 10-11-2024
doud



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




Все благодарности, пожалуйста, старайтесь отправлять в ПМ пользователю, который Вам помог

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 20:54 10-11-2024 | Исправлено: Maz, 21:12 10-11-2024
Открыть новую тему     Написать ответ в эту тему

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


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2025

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru