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

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в 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-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 8138 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
gutasiho

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

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, а у тя бутоны отображаются на этой версии крякалки? А в результатах поиска?
Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 14:59 14-02-2025
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Если это бутоны прокрутки из обезъяны, то не отображаются. Встречался еще один сайт, где тоже не отображаются, и тоже в результатах поиска.
Всего записей: 8138 | Зарегистр. 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
Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 18:03 14-02-2025
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Думается, ради одного сайта не стоит городить.
Всего записей: 8138 | Зарегистр. 14-09-2020 | Отправлено: 19:55 14-02-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, а я думаю стоит, ибо такие сайты стали попадаться все чаще. Вошло в моду юзерам палки в колеса пихать через CSP. Игнорамус прислал модификацию мартышкиных бутонов с фичами:
возврат
двойной клик равносилен одинарному клику
правая кнопка мыши - центр
нет бутонов, если нет скрола изначально
нет бутонов, если макс позиция скрола менее 600. Действует через одноразовую прослушку при повороте колеса
Alt + клик - скрыть бутоны
стилизация перенесена из head в сами бутоны и их div обертку
обертка выступает в качестве flex контейнера, а значит отпадает необходимость задавать положение для каждого бутона
Код
Всего записей: 3695 | Зарегистр. 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.
Всего записей: 232 | Зарегистр. 04-08-2022 | Отправлено: 08:44 16-02-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
idefikar, очень странно. Проверить не могу. Расшира как-то перебивает мои стили элемента. Вряд ли дело в прозрачности, может что с фоном делает расшира. Можно в скрипте попробовать для background прописать !important
Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 18:41 16-02-2025
idefikar

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Это работает! Спасибо.
Всего записей: 232 | Зарегистр. 04-08-2022 | Отправлено: 21:00 16-02-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Мартышкины бутоны обрели средний бутон, который работает в двух режимах по левому клику:
режим минуса - скроллит в центр
режим плюса - скроллит на сохраненную позицию
переключение режимов по правому клику
сохранение позиции при переключении с минуса на плюс
Alt + левый клик - скрытие бутонов
Код
Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 13:49 18-02-2025
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Нехило ты увлекся этим скриптом! Без смены индикации -\+ сложно ориентироваться, даже юзать неудобно.
Всего записей: 8138 | Зарегистр. 14-09-2020 | Отправлено: 16:22 18-02-2025
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, что предложишь? Мне вот ничего переключать не нужно. По умолчанию средний бутон скроллит в центр, что и планировалось, а плюс просто в качестве бонуса
Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 18:54 18-02-2025
gutasiho

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

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

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

каким образом? у меня не получилось
Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 21:16 18-02-2025
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Скорее всего, ты не в том коде смотрел, т.к. соответствующие параметры видны явно:
   
   
Кстати, в самом первом коде есть одна интеллигентная фишка - в положении "вверху до упора" скрыта кнопка прокрутки вверх, а в положении "внизу до упора" скрыта кнопка прокрутки вниз.
Всего записей: 8138 | Зарегистр. 14-09-2020 | Отправлено: 07:31 19-02-2025
Death_INN

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

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Так-то у меня тоже можно двигать, но сразу все.
Этого вполне достаточно, а на скрине выше я просто показал, что батоны двигаются. При правом отображении батонов мне кажется целесообразным батоны не прижимать к краю окна, а дистанцировать пикселей на 20, чтобы не накладывались на скроллбар, так что опция сдвига полезна.
Цитата:
Так и не смог привыкнуть к центральному положению - как помеха воспринимается.
Т.к. юзаю давно, то к центральному расположению привык, только вниз слегка опустил, % на 15, мне удобно.
Всего записей: 8138 | Зарегистр. 14-09-2020 | Отправлено: 12:25 19-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

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