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

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

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

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


Просьба публикуемые коды заключать в тэг [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
Также не забываем про такую строку в 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.
 
Полезные ссылки
 
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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



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

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

Спасибо!!!!





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

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



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

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

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

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

Всего записей: 3695 | Зарегистр. 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-й уже нет. Вставил Ваш стиль и с вкладками порядок.

Всего записей: 638 | Зарегистр. 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 | Цитировать | Сообщить модератору
Друзья, нашел старый "черновик" для цвета всех верхних панелей.
ЦВЕТ ВСЕХ ВЕРХНИХ ПАНЕЛЕЙ
Честно говоря не охота копаться в этом (видимо это возростное, с возростом думаю пройдёт).
Может у кого есть готовый стиль для раскраски верхних панелей (активных и не активных)?

Всего записей: 1529 | Зарегистр. 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 при клике меняется фон папки. Видимо, можно доработать, чтобы менялся не фон, а иконка папки.

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

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

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


Всего записей: 3695 | Зарегистр. 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. В ОС опция "Анимированные элементы..." включена.

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

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

Всего записей: 3695 | Зарегистр. 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 и использовать Ваш стиль (в настоящее время так) или оставить настройку по умолчанию? Ваш стиль работает в обоих случаях, а другой нет. Тыркалка)) или стрелки по кругу это уже по вкусу, ну и зависит от этой настройки. Значок настройки (шестерёнку) на новой вкладке можно скрыть или отключить в настройках (не нашёл)?

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

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

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

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

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

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

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

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

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