Mozilla Firefox: стили userChrome.css и скрипты js - [106] :: Программы :: Компьютерный форум Ru.Board
Перейти из форума на сайт.

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

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

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
Или так (не снижает безопасность!):
Код:
security.browser_xhtml_csp.enabled = true
security.browser_xhtml_csp.report-only = true (в v141.0+ этот параметр упразднен, заменен на security.csp.reporting.enabled. Логика работы не изменилась.)
3\ v139+: если некоторые скрипты JS не работают, можете сделать так (снижает безопасность!):
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

Полезные ссылки
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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



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

Цитата:
Как вариант

Спасибо!!!!





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

Всего записей: 197 | Зарегистр. 06-11-2008 | Отправлено: 20:19 29-11-2024 | Исправлено: Maz, 22:41 29-11-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Спасибо, все получилось.. А как изменить цвет фокусирующей рамки?

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 23:03 29-11-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
В инспекторе можно поиском найти переменную в стилях брауза и перейти на содержимое файла или рыться в омни с поиском tabs.css (который приличного размера)
Инспектор и omni.ja. Если всё верно, то интересующий размер 29px. Спасибо.
Добавлено:
Ерунда какая-то, в 133-й указаны такие же параметры, что и в 131-й, но вкладки явно шире и никак не 29px в компактном режиме.

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 00:24 30-11-2024 | Исправлено: deannik, 11:04 30-11-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, ну так это по умолчанию. А в FF133 уже есть --tabstrip-min-height, который связан с --tab-min-height
 
doud

Цитата:
А как изменить цвет фокусирующей рамки?

Если не сработает этот код из-за нарушения каскада

Код:
#mainPopupSet {
  --focus-outline-color: light-dark(green, red);
  --focus-outline: var(--focus-outline-width) solid var(--focus-outline-color);
}

то, например, бить в лоб (без учета цвета фокуса на других элементах этой панели при обходе через клавишу табуляции)

Код:
#editBookmarkPanelContent > #editBMPanel_namePicker:focus-visible {
  outline: 2px solid light-dark(green, red) !important;
}

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 12:34 30-11-2024 | Исправлено: Death_INN, 12:47 30-11-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
ну так это по умолчанию. А в FF133 уже есть --tabstrip-min-height, который связан с --tab-min-height
Теперь понятно почему не работало с этим [?]. Проверял его на 131-й и там он работает, но в 133-й уже нет. Вставил Ваш стиль [?] и с вкладками порядок.

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 14:33 30-11-2024 | Исправлено: deannik, 18:10 01-12-2024
ElKanitel



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

Цитата:
Где именно? К закладкам можно получить доступ через тулбар, боковую панель, библиотеку, кнопку, верхнее меню и может откуда-то еще.

   
Ну типа кликнул на папку в панели закладок, папка открылась и картинка поменялась.. У меня на старом ватерфоксе так было, а тут хз как сделать..

Всего записей: 197 | Зарегистр. 06-11-2008 | Отправлено: 17:14 30-11-2024 | Исправлено: ElKanitel, 17:15 30-11-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Друзья, нашел старый "черновик" для цвета всех верхних панелей.
ЦВЕТ ВСЕХ ВЕРХНИХ ПАНЕЛЕЙ [?]
Честно говоря не охота копаться в этом (видимо это возростное, с возростом думаю пройдёт).
Может у кого есть готовый стиль для раскраски верхних панелей (активных и не активных)?

Всего записей: 1629 | Зарегистр. 12-10-2002 | Отправлено: 17:25 30-11-2024 | Исправлено: grom17, 17:29 30-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ElKanitel
Кажется, что-то такое встречалось в этой теме или в параллельной, то ли при клике, то ли при наведении, возможно, это был код от xrun1.
 
Добавлено:
Это то, о чем я писал выше: http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=900#7 [?] при клике меняется фон папки. Видимо, можно доработать, чтобы менялся не фон, а иконка папки.

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 17:54 30-11-2024 | Исправлено: gutasiho, 18:05 30-11-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ElKanitel, Код [?]

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 18:52 30-11-2024
ElKanitel



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

Цитата:
Код

 
То что надо, только папки разные по стилю )))))))))
 
А это часть кода из какого-то сета? Закрытая папка есть такого же дизайна?
 
 

Всего записей: 197 | Зарегистр. 06-11-2008 | Отправлено: 20:42 30-11-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ElKanitel, часть кода ни от куда не взята, а написана с нуля. А уж цвета, обрамление и прочее - сами. Вот закрытая папка

Код:
url("data:image/svg+xml;charset=UTF-8,<svg width='16px' height='16px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffa000' d='M 13.5066 4.352 H 6.9786 l -1.4506 -1.4506 H 1.9014 c -0.7978 0 -1.4506 0.6528 -1.4506 1.4506 v 2.9014 h 14.5066 v -1.4506 c 0 -0.7978 -0.6528 -1.4506 -1.4506 -1.4506 z'/><path fill='hsla(45, 98%, 75%, 0.9)' d='M 13.5066 4.352 H 1.9014 c -0.7978 0 -1.4506 0.6528 -1.4506 1.4506 v 7.2534 c 0 0.7978 0.6528 1.4506 1.4506 1.4506 h 11.6054 c 0.7978 0 1.4506 -0.6528 1.4506 -1.4506 V 5.8026 c 0 -0.7978 -0.6528 -1.4506 -1.4506 -1.4506 z'/></svg>")


Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 21:25 30-11-2024
Faers

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

Всего записей: 23 | Зарегистр. 13-06-2022 | Отправлено: 14:38 01-12-2024 | Исправлено: Faers, 14:57 01-12-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
1. Имеем стиль [?] изменения цвета посещённой ссылки, возможно ли к нему (или если к этому невозможно то к аналогу) прикрутить код для добавления сайтов, игнорирующие данный стиль? Некоторым сайтам он не требуется.
2. Можно убрать шестерёнку настройкой или стилем?
3. Про троббер. Посоветуйте, как по уму: настройку ui.prefersReducedMotion сделать по умолчанию и использовать стиль [?] gutasiho или установить ui.prefersReducedMotion=1 и взять код [?] Death_INN. В ОС опция "Анимированные элементы..." включена.

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 18:13 01-12-2024 | Исправлено: deannik, 18:14 01-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
1) Можно, но если таких сайтов много, то хрен знает. Может проще перечислить сайты, на которых стили нужны или в тему по регуляркам
3) Оба варианта не равнозначны, ибо в одном случае будет тыркалка, а в другом нет

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 20:23 01-12-2024
ElKanitel



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

Цитата:
ElKanitel, часть кода ни от куда не взята, а написана с нуля. А уж цвета, обрамление и прочее - сами. Вот закрытая папка  

Очень круто вышло, просто идеально )))))))))
 
Итоговый код:

Код:
/* Жёлтые папки закрытые */
@-moz-document url(chrome://global/skin/icons/folder.svg) {
    *|svg {
        background: no-repeat url(
            "data:image/svg+xml;charset=UTF-8,<svg width='16px' height='16px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffa000' d='M 13.5066 4.352 H 6.9786 l -1.4506 -1.4506 H 1.9014 c -0.7978 0 -1.4506 0.6528 -1.4506 1.4506 v 2.9014 h 14.5066 v -1.4506 c 0 -0.7978 -0.6528 -1.4506 -1.4506 -1.4506 z'/><path fill='hsla(45, 98%, 75%, 0.9)' d='M 13.5066 4.352 H 1.9014 c -0.7978 0 -1.4506 0.6528 -1.4506 1.4506 v 7.2534 c 0 0.7978 0.6528 1.4506 1.4506 1.4506 h 11.6054 c 0.7978 0 1.4506 -0.6528 1.4506 -1.4506 V 5.8026 c 0 -0.7978 -0.6528 -1.4506 -1.4506 -1.4506 z'/></svg>"
        );
    }
    *|path {
        display: none;
    }
}
 
/* Жёлтые папки открытые */
toolbarbutton.bookmark-item:not(.subviewbutton)[container][open="true"] {
  list-style-image: none !important;
  > .toolbarbutton-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='16px' height='16px' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffa000' d='M 12.8746 4.1619 H 6.9571 L 5.4778 2.6825 h -3.6984 c -0.8137 0 -1.4794 0.6657 -1.4794 1.4794 v 8.8762 c 0 0.8137 0.6657 1.4794 1.4794 1.4794 h 11.4651 c 0.6287 0 1.1095 -0.4808 1.1095 -1.1095 V 5.6413 c 0 -0.8137 -0.6657 -1.4794 -1.4794 -1.4794 z'/><path fill='hsla(45, 98%, 75%, 0.9)' d='M 14.4279 6.381 H 4.4792 c -0.7027 0 -1.3314 0.5178 -1.4424 1.2205 l -1.2575 6.916 h 11.724 c 0.7027 0 1.3314 -0.5178 1.4424 -1.2205 L 15.8703 8.1192 c 0.1849 -0.8876 -0.5178 -1.7383 -1.4424 -1.7383 z'/></svg>");
  }
}  


Всего записей: 197 | Зарегистр. 06-11-2008 | Отправлено: 20:30 01-12-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
1) Можно, но если таких сайтов много, то хрен знает. Может проще перечислить сайты, на которых стили нужны или в тему по регуляркам  
В основном: rutor.info, megapeer.vip, nnmclub.to
Цитата:
3) Оба варианта не равнозначны, ибо в одном случае будет тыркалка, а в другом нет
Немного не это имел ввиду. Интересует как лучше, отключить анимацию в браузере, установив ui.prefersReducedMotion=1 и использовать Ваш стиль (в настоящее время так) или оставить настройку по умолчанию? Ваш стиль работает в обоих случаях, а другой нет. Тыркалка)) или стрелки по кругу это уже по вкусу, ну и зависит от этой настройки. Значок настройки (шестерёнку) на новой вкладке можно скрыть или отключить в настройках (не нашёл)?

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 12:51 02-12-2024 | Исправлено: deannik, 12:53 02-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, если в системе анимация включена, то проще удалить настройку ui.prefersReducedMotion и все. В этом случае мой код не выполняется, т.к. в нем нет необходимости.
Про шестеренку [?]

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 13:30 02-12-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
если в системе анимация включена, то проще удалить настройку ui.prefersReducedMotion и все. В этом случае мой код не выполняется, т.к. в нем нет необходимости
Понял.
Цитата:
Про шестеренку [?]
Что-то у меня не скрывает.

Всего записей: 670 | Зарегистр. 04-08-2013 | Отправлено: 14:53 02-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, а на странице about:home скрывает? Можно удалить menu А если в качестве домашки указал другую страницу, то ее тоже вписывай. Я не могу сейчас проверить на версии сабжа ниже 133

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 15:13 02-12-2024 | Исправлено: Death_INN, 15:16 02-12-2024
Starback



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik 14:53 02-12-2024UTC+3 [?]
Цитата:
Что-то у меня не скрывает

Код, наверное, для userContent.css

Всего записей: 1152 | Зарегистр. 17-09-2010 | Отправлено: 15:17 02-12-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

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