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

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

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

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

Всего записей: 6697 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Starback, 17:19 15-06-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel
Это я что-то сегодня наковырял. Сейчас разберусь.
 
Добавлено:
rubel
    --v-scrollbar-min-size: 7px !important; /* влияет только на размер кнопок */
Не надо трогать было мне и верить комментарию, значение 7 рулит.
Так

Всего записей: 743 | Зарегистр. 26-12-2009 | Отправлено: 16:14 19-09-2023 | Исправлено: xrun1, 16:48 19-09-2023
rubel



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
xrun1
Вот теперь другое дело. Оставляю твой вариант полностью.

Всего записей: 1427 | Зарегистр. 12-07-2004 | Отправлено: 17:39 19-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Agych
Местных аборигенов бесит, но это не я, когда кто-то необоснованно ругает Firefox, так что осторожнее, а то не помогут.  
Вот вы открыли 50 вкладок, и они поместились без прокрутки, в чем поинты? Что вы в них увидите?
Все в Firefox настраивается, и вкладки тоже, и ширина минимальная/максимальная, и многорядность, что куда лучше ваших 100-200-300 в один ряд без прокрутки.
Версия для печати - Ctrl + F - и удача улыбнется вам после просмотра хотя бы двух последних частей темы.

Всего записей: 6697 | Зарегистр. 14-09-2020 | Отправлено: 18:39 19-09-2023
kokoss19

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

Цитата:
Пытаюсь перейти на один из лисьих браузеров.
 
Что в них всегда бесило так это стиль вкладок - когда их много они сохраняют большую ширину и не умещаются

Не знаю как это реализовано в лисьих форках, а в Mozilla Firefox такого нет!

----------
Win7 / FF115

Всего записей: 2110 | Зарегистр. 16-07-2018 | Отправлено: 19:51 19-09-2023 | Исправлено: kokoss19, 19:52 19-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, не каждый поймет, что папка icons требуется. У меня, например, ее нет и вряд ли будет, т.к. крайне редко подключаю в стилях внешние картинки - только для теста.

Цитата:
От UCF практически ушел

Ну и правильно. Жаль, что Dumby практикумов не дает, например, как он свои скрипты построчно тестирует.
 
xrun1
Цитата:
Ширину настроить не могу, её регулирует widget.non-native-theme.scrollbar.style. И кнопки тоже - они есть или их нет (у меня Wiin10). Могу только раскрасить

Меня почти полностью устраивает widget.non-native-theme.scrollbar.style=5. Вот только кнопки там появляются только при наведении, а хочется, чтобы всегда были. Планирую их добавить через стили , но стилизацию при наведении оставить по умолчанию.
 
По поводу "твоего" стиля:
1) Цвета скроллбара не подстраиваются под фон страницы и всегда одни и те же
2) Не реализована возможность раскраски кнопок. Раскраска через смену фона при клике - это фича или костыль?

Всего записей: 3154 | Зарегистр. 24-10-2002 | Отправлено: 22:39 19-09-2023 | Исправлено: Death_INN, 23:31 19-09-2023
xrun1



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

Цитата:
Жаль, что Dumby практикумов не дает, например, как он свои скрипты построчно тестирует.

Возможно, через консоль?
1. Никогда не видел, чтобы скроллбар подстраивался под цвет страницы. Это как или где увидеть?
2. Для меня widget.non-native-theme.scrollbar.style=0,4 или 5 слишком "жирные", что контрпродуктивно в отношении полезного пространства и неэстетично. У меня Win10 и кнопки в этих режимах всегда видны.
Раскраску я сделал в стиле выше --v-scrollbutton-background: orange !important;
Но для меня это не имеет смысла, т.к. кнопок не вижу из-за widget.non-native-theme.scrollbar.style=3 у себя. Но допилить легко. При наведении и клике, достаточно вынести пункты отдельно и сделать свой цвет:
scrollbar > scrollbarbutton:not([disabled="true"]):hover
scrollbar > scrollbarbutton:not([disabled="true"]):active
Ну и всякую экзотику добавить, типа border-radius или box-shadow можно выдернуть из скрипта, там же просто стиль на java. Собственно, и сам скрипт переписать на css труда не составит, наверное... Писанины только много.
P.S. И надо перезапускать Firefox после изменения widget.non-native-theme.scrollbar.style. А то кнопки есть, но их как бы нет, и наоборот.
 
Добавлено:
gutasiho

Цитата:
:visited, :visited * {

Меня пугают такие обобщения. Но работает, рискованно и смело.
Сам предпочитаю классику

Код:
a:visited, a:visited span {

У ютуба свой путь.

Всего записей: 743 | Зарегистр. 26-12-2009 | Отправлено: 01:42 20-09-2023 | Исправлено: xrun1, 02:28 20-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
не каждый поймет, что папка icons требуется. У меня, например, ее нет и вряд ли будет, т.к. крайне редко подключаю в стилях внешние картинки - только для теста.
Так далеко не каждый знает про userChrome.css или .js. Внешние иконки существенно расширяют возможности выбора, в то же время упрощая процедуру выбора. Ресурсные черно-белые иконки не перевариваю. От иконок в base64 продвинутые юзеры рекомендуют избавляться, т.к. для показа иконки браузеру ее нужно раскодировать.

Цитата:
1) Цвета скроллбара не подстраиваются под фон страницы и всегда одни и те же
Мне по душе  контрастный, легко различимый боковым зрением скролл.

Цитата:
Не реализована возможность раскраски кнопок. Раскраска через смену фона при клике - это фича или костыль?
При клике, а не при наведении? В скрипте так
   
xrun1
Цитата:
У ютуба свой путь.
Я этот путь проходил, он не ведет на amazon и еще магазины, которыми пользуюсь, в отличие от предложенного мною.

Всего записей: 6697 | Зарегистр. 14-09-2020 | Отправлено: 08:38 20-09-2023
Death_INN

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

Цитата:
Никогда не видел, чтобы скроллбар подстраивался под цвет страницы. Это как или где увидеть?

Да это я уже загнул. По умолчанию же серый цвет и его оттенки, а это нечто среднее между светлым и темным фоном. Но при желании можно задать цвет для определенной страницы.

Цитата:
У меня Win10 и кнопки в этих режимах всегда видны

И у меня десятка, но при widget.non-native-theme.scrollbar.style=5 нету кнопок. Появляются только при наведении мыши на любую часть скроллбара. Может еще кто проверит и скажет? Проверял и на чистом профиле без стилей, user.js и прочего.

Цитата:
Ширину настроить не могу, её регулирует widget.non-native-theme.scrollbar.style

Еще раз проверил, но этот параметр просто задает стилевое оформление, а по умолчанию ширина не задана. Ее задает параметр widget.non-native-theme.scrollbar.size.override при условии, что widget.non-native-theme.win.scrollbar.use-system-size=false

Всего записей: 3154 | Зарегистр. 24-10-2002 | Отправлено: 12:52 20-09-2023
greyish



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Подключил у себя в Firefox 117.0.1 (х64) скрипты по методу Aris-t2. Скрипт "favicon_in_urlbar" работает, иконка появляется (значит, при подключении скриптов я не допустил ошибок?). Попробовал скрипт для скроллбара - ни оригинальный, ни Ваш у меня почему-то не срабатывает, скроллбар так и остается серым и невзрачным(. widget.windows.overlay-scrollbars.enabled установлен в false. Несколько раз переустанавливал скрипт, имя скрипта в файле-списке userChrome.js проверил, совпадает. Могут блокировать работу этого скрипта какие-то настройки "CustomCSSforFx from Aris-t2"? Что еще можно проверить?

Всего записей: 315 | Зарегистр. 28-09-2006 | Отправлено: 17:10 20-09-2023
xrun1



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

Цитата:
И у меня десятка, но при widget.non-native-theme.scrollbar.style=5 нету кнопок

Да, кнопок нет, проверил. А почему 5, это же для 11-й, для 10-ки 4? Ладно, пусть будет 5.
Как уже говорил, стиль цепляю через ucf и кнопки есть. Настроил так:
user_pref("widget.non-native-theme.scrollbar.style", 5);
user_pref("widget.non-native-theme.win.scrollbar.use-system-size", false);
user_pref("widget.non-native-theme.scrollbar.size.override", 9);
Чтобы появились кнопки в скроллбар, например, в меню панели закладок, надо добавить в userChrome.css правленый стиль
Как стиль прикрутить без ucf не представляю. У кнопок убрал радиус.
P.S. Где-то гуляет пиксель по ширине или мне кажется?.. Да и фиг с ним.))

Всего записей: 743 | Зарегистр. 26-12-2009 | Отправлено: 17:28 20-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
greyish
Раз "favicon..." работает, значит, правильно. Для уверенности возьмите еще какой-либо скрипт.
Повторил установку скрипта из моего поста - работает, а в сумме по обеим скриптам число установок несколько десятков. Скрипт в папке \Chrome\userChrome\? Файл userChrome.js в папке \Chrome\? Команда импорта выглядит так?
Код:
userChrome.import("/userChrome/Scrollbar.uc.js", "UChrm");

Настройки того css или других могут мешать, для чистоты нужно их деактивировать все оптом, если поможет, то методом половинного разбиения вычислять конфликтующий css, я с таким сталкивался.
Кэш автозапуска очищаете? Кодировка файлов js - UTF-8 (без BOM).

Всего записей: 6697 | Зарегистр. 14-09-2020 | Отправлено: 19:04 20-09-2023 | Исправлено: gutasiho, 19:09 20-09-2023
AlAvis

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
Цитата:
почему 5, это же для 11-й, для 10-ки 4?
Не для , а применение вида скроллбара как в этих осях .

Всего записей: 1993 | Зарегистр. 15-07-2013 | Отправлено: 19:14 20-09-2023
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
AlAvis
Именно это хотел сказать, но получилось как получилось.)) Просто не знаю, как выглядит в 11-й, а 10 перед глазами.

Всего записей: 743 | Зарегистр. 26-12-2009 | Отправлено: 19:38 20-09-2023
greyish



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
На все вопросы - ответы положительные, кроме пути в команде импорта (пропустил папку userChrome/, обидно, из-за невнимательности полдня на одном месте топтаться). Ваша подсказка помогла найти ошибку, спасибо! А то я уже проверил на чистом профиле, без стилей и скриптов, и, естественно, с таким же результатом, т.к. userChrome.js не пересоздавал с нуля, а копировал ранее созданный, с этой дурацкой ошибкой. Разогнался уже Firefox переустанавливать. Что ж, пойду теперь другие скрипты примерять).

Всего записей: 315 | Зарегистр. 28-09-2006 | Отправлено: 21:10 20-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
greyish
С Aris обычно так и бывает, что юзер допускает элементарную ошибку. А вот с UCF, когда не работает, то это заморочка!
 
Добавлено:
xrun1
Цитата:
Чтобы появились кнопки в скроллбар, например, в меню панели закладок, надо добавить в userChrome.css правленый стиль  
Что-то не так, скроллбар и кнопки совсем не появляются.

Всего записей: 6697 | Зарегистр. 14-09-2020 | Отправлено: 07:49 21-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1, в правленом стиле #BMB_bookmarksPopup никаким боком не относится к панели закладок. Прикрутка общего стиля скроллбара без UCF зачем нужна? Гуляние пикселя по ширине имеется. Иногда создается ощущение, что при увеличении значения размер уменьшается, например, при переходе с 8 на 9
 
gutasiho

Цитата:
Что-то не так, скроллбар и кнопки совсем не появляются.

Умолчальный скроллбар исчез? Если поместил код в userChrome.css, то в нем имеются строки с @namespace ... ?
Попробуй без интерпретатора

Код:
link[href$="arrowscrollbox.css"] ~ .scrollbox-clip scrollbox {
  margin-block: 0 !important;
}
link[href$="arrowscrollbox.css"] ~ .scrollbox-clip scrollbox[orient="vertical"] {
  overflow-y: auto !important;
}
link[href$="arrowscrollbox.css"] ~ :is(#scrollbutton-up, #scrollbutton-down) {
  visibility: collapse;
}


Всего записей: 3154 | Зарегистр. 24-10-2002 | Отправлено: 10:03 21-09-2023 | Исправлено: Death_INN, 10:12 21-09-2023
xrun1



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

Цитата:
#BMB_bookmarksPopup

Не помню, когда это закралось у меня.)) Стоят стили от Aris-t2 древней версии 3.1.7, все правленные-переправленные под новые реалии.

Всего записей: 743 | Зарегистр. 26-12-2009 | Отправлено: 11:04 21-09-2023
Death_INN

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

Код:
/** высота меню закладок на панели закладок **/
toolbarbutton.bookmark-item > .toolbar-menupopup {
  height: 47.3vh;
}

Всего записей: 3154 | Зарегистр. 24-10-2002 | Отправлено: 11:28 21-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Умолчальный скроллбар исчез?
По умолчанию в панели закладок скроллбар и так отсутствует, но скроллинг присутствует, колесом, или кнопочками, которые в выпадающем меню.
С css от Aris скроллбар появляется, кнопки на нем появляются, но если начать крутить, исчезают.
С css от xrun1 что он есть, что нет, скроллинг как по умолчанию в первом абзаце.
Но это вода, главное, что с вашим кодом скроллбар панели закладок есть, кнопки не пропадают. Спасибо.

Всего записей: 6697 | Зарегистр. 14-09-2020 | Отправлено: 11:39 21-09-2023 | Исправлено: gutasiho, 11:40 21-09-2023
Death_INN

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

Цитата:
С css от xrun1 что он есть, что нет, скроллинг как по умолчанию в первом абзаце.
Но это вода, главное, что с вашим кодом скроллбар панели закладок есть, кнопки не пропадают. Спасибо.

Оба кода одинаковые, но в разном исполнении. Если не пашут вложенные селекторы с амперсандами, то значит версия браузера не самая свежая.

Всего записей: 3154 | Зарегистр. 24-10-2002 | Отправлено: 11:48 21-09-2023 | Исправлено: Death_INN, 11:53 21-09-2023
Открыть новую тему     Написать ответ в эту тему

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

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

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru