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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Есть чисто css версия выезжалки, где не скрывается?
Да, есть, найду на диске, выложу.Ошибся я, таких у меня нет. В имеющихся просто из-за времени трансформации складывается впечатление, что не скрывается.
 
В общем, хороший код. Для плавности добавил
Код:
transition: .3s linear;

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 13:55 09-02-2025 | Исправлено: gutasiho, 16:23 09-02-2025
Death_INN

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

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 14:59 14-02-2025
gutasiho

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

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 16:15 14-02-2025 | Исправлено: gutasiho, 16:20 14-02-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, в html версии крякалки втюхали content-security-policy с запретом инлайн стилей, поэтому два пути:
через арисовский скрипт модифицировать CSP крякалки
в обезъянем скрипте прописывать стили к самому элементу, а не в head, однако не получится стилизовать :hover, но это можно сделать через добавление прослушки
Есть еще третий вариант: стилизацию бутонов вынести из скрипта и доверить это дело userContent.css

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 18:03 14-02-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Думается, ради одного сайта не стоит городить.

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 19:55 14-02-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, а я думаю стоит, ибо такие сайты стали попадаться все чаще. Вошло в моду юзерам палки в колеса пихать через CSP. Игнорамус прислал модификацию мартышкиных бутонов с фичами:
возврат
двойной клик равносилен одинарному клику
правая кнопка мыши - центр
нет бутонов, если нет скрола изначально
нет бутонов, если макс позиция скрола менее 600. Действует через одноразовую прослушку при повороте колеса
Alt + клик - скрыть бутоны
стилизация перенесена из head в сами бутоны и их div обертку
обертка выступает в качестве flex контейнера, а значит отпадает необходимость задавать положение для каждого бутона
Код [?]

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 18:02 15-02-2025 | Исправлено: Death_INN, 19:12 15-02-2025
idefikar

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Это для обезьяны? При наведении кнопки пропадают, например на dzen.
Вот у этого не пропадают, но он не везде работает - https://userscripts-mirror.org/scripts/show/113750
 
Добавлено:
Это только при включенном Dark Reader.

Всего записей: 306 | Зарегистр. 04-08-2022 | Отправлено: 08:44 16-02-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
idefikar, очень странно. Проверить не могу. Расшира как-то перебивает мои стили элемента. Вряд ли дело в прозрачности, может что с фоном делает расшира. Можно в скрипте попробовать для background прописать !important

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 18:41 16-02-2025
idefikar

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

Всего записей: 306 | Зарегистр. 04-08-2022 | Отправлено: 21:00 16-02-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Мартышкины бутоны обрели средний бутон, который работает в двух режимах по левому клику:
режим минуса - скроллит в центр
режим плюса - скроллит на сохраненную позицию
переключение режимов по правому клику
сохранение позиции при переключении с минуса на плюс
Alt + левый клик - скрытие бутонов
Код [?]

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 13:49 18-02-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Нехило ты увлекся этим скриптом! Без смены индикации -\+ сложно ориентироваться, даже юзать неудобно.

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 16:22 18-02-2025
Death_INN

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

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 18:54 18-02-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Мне тоже переключать не нужно, до недавних пор достаточно было два действия - вверх или вниз до упора. Новый третий батон - центр, согласен, для меня это лучше, чем ехать на центр по пкм. В самом первом варианте, который я выкладывал, я мог батоны смещать по горизонтали и вертикали, я бы предложил это сделать и в последнем моде (расположение батонов посредине страницы более юзабельно, чем расположение на полосе прокрутки сбоку). Но это мое imho, которое может совершенно не совпадать с другими мнениями, и стоит ли на него обращать внимание?

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 20:22 18-02-2025
Death_INN

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

Цитата:
я мог батоны смещать по горизонтали и вертикали

каким образом? у меня не получилось

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 21:16 18-02-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Скорее всего, ты не в том коде смотрел, т.к. соответствующие параметры видны явно:
   
   
Кстати, в самом первом коде есть одна интеллигентная фишка - в положении "вверху до упора" скрыта кнопка прокрутки вверх, а в положении "внизу до упора" скрыта кнопка прокрутки вниз.

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 07:31 19-02-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho я думал, что без правок скрипта можно бутоны передвигать. Так-то у меня тоже можно двигать, но сразу все. Так и не смог привыкнуть к центральному положению - как помеха воспринимается.
На счет фишки, то я не стал так делать, ибо возврат идет из крайних положений, а в твоем варианте скрытие бутона реализовано через прослушку скрола, что не есть айс в случае плавного скрола. На трубе как-то странно себя бутоны ведут.
В своем варианте лучше добавлю прослушку на контроль полного экрана, чтобы при входе бутоны скрывались (при отсутствии скрола), а при выходе появлялись.
Хочу еще переделать логику плюса, а то в текущей реализации не удобно

Всего записей: 3928 | Зарегистр. 24-10-2002 | Отправлено: 12:08 19-02-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Так-то у меня тоже можно двигать, но сразу все.
Этого вполне достаточно, а на скрине выше я просто показал, что батоны двигаются. При правом отображении батонов мне кажется целесообразным батоны не прижимать к краю окна, а дистанцировать пикселей на 20, чтобы не накладывались на скроллбар, так что опция сдвига полезна.
Цитата:
Так и не смог привыкнуть к центральному положению - как помеха воспринимается.
Т.к. юзаю давно, то к центральному расположению привык, только вниз слегка опустил, % на 15, мне удобно.

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 12:25 19-02-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
dmitro379
Цитата:
была там возможность настроить появление панели закладок через наведение на разные места, конкретно кнопку Меню (три полоски), вопрос, как через CSS это отобразить?
https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/autohide_bookmarks_toolbar.css
Еще возможна кнопка для скрыть\показать панель закладок.

Всего записей: 8702 | Зарегистр. 14-09-2020 | Отправлено: 17:59 21-02-2025
Rapunzi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Почему мой пост запрос удалили? Что за модерация?




оффтоп. сообщения на ру-борде не удаляются

Всего записей: 740 | Зарегистр. 20-01-2017 | Отправлено: 18:07 21-02-2025 | Исправлено: Maz, 11:09 22-02-2025
BokalPiva23

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

Всего записей: 2 | Зарегистр. 22-02-2025 | Отправлено: 22:56 22-02-2025 | Исправлено: BokalPiva23, 22:58 22-02-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

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