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

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

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

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
Всего записей: 6598 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:33 03-03-2024
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. Где-то гуляет пиксель по ширине или мне кажется?.. Да и фиг с ним.))
Всего записей: 739 | Зарегистр. 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).
Всего записей: 6598 | Зарегистр. 14-09-2020 | Отправлено: 19:04 20-09-2023 | Исправлено: gutasiho, 19:09 20-09-2023
AlAvis

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
Цитата:
почему 5, это же для 11-й, для 10-ки 4?
Не для , а применение вида скроллбара как в этих осях .
Всего записей: 1975 | Зарегистр. 15-07-2013 | Отправлено: 19:14 20-09-2023
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
AlAvis
Именно это хотел сказать, но получилось как получилось.)) Просто не знаю, как выглядит в 11-й, а 10 перед глазами.
Всего записей: 739 | Зарегистр. 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 правленый стиль  
Что-то не так, скроллбар и кнопки совсем не появляются.
Всего записей: 6598 | Зарегистр. 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;
}

Всего записей: 3115 | Зарегистр. 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, все правленные-переправленные под новые реалии.
Всего записей: 739 | Зарегистр. 26-12-2009 | Отправлено: 11:04 21-09-2023
Death_INN

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

Код:
/** высота меню закладок на панели закладок **/
toolbarbutton.bookmark-item > .toolbar-menupopup {
  height: 47.3vh;
}
Всего записей: 3115 | Зарегистр. 24-10-2002 | Отправлено: 11:28 21-09-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Умолчальный скроллбар исчез?
По умолчанию в панели закладок скроллбар и так отсутствует, но скроллинг присутствует, колесом, или кнопочками, которые в выпадающем меню.
С css от Aris скроллбар появляется, кнопки на нем появляются, но если начать крутить, исчезают.
С css от xrun1 что он есть, что нет, скроллинг как по умолчанию в первом абзаце.
Но это вода, главное, что с вашим кодом скроллбар панели закладок есть, кнопки не пропадают. Спасибо.
Всего записей: 6598 | Зарегистр. 14-09-2020 | Отправлено: 11:39 21-09-2023 | Исправлено: gutasiho, 11:40 21-09-2023
Death_INN

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

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

Оба кода одинаковые, но в разном исполнении. Если не пашут вложенные селекторы с амперсандами, то значит версия браузера не самая свежая.
Всего записей: 3115 | Зарегистр. 24-10-2002 | Отправлено: 11:48 21-09-2023 | Исправлено: Death_INN, 11:53 21-09-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
v115.2.1esr, позже попробую на 117 и 118.
 
Добавлено:
Сравнив внимательно эффект от каждого стиля для прокрутки в панели закладок, понял, почему в стиле от Aris пропадают кнопки - для того, чтобы появилась зона, показанная на скрине, при наведении курсора на которую содержимое прокручивается автоматом, как и было задумано в Firefox по умолчанию. Хотя тогда лучше бы совсем эта кнопка не показывалась, было бы логичнее.
   
В "конкурирующем" правленном стиле эта зона не появляется.
Всего записей: 6598 | Зарегистр. 14-09-2020 | Отправлено: 11:52 21-09-2023 | Исправлено: gutasiho, 13:47 21-09-2023
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Для меня vh и другие единицы слишком сложно считать, а пиксель элементарно.))
Нашёл, как у меня регулируется "высота меню закладок на панели закладок".

Код:
#PlacesToolbar menupopup {
    max-height: 600px;
}
#PlacesToolbar menu, #PlacesToolbar menuitem {
    margin-left: 0px !important; /* убрать левый край */
    margin-right: 0px !important; /* убрать правый край */
    border-radius: 0px !important;
}
Всего записей: 739 | Зарегистр. 26-12-2009 | Отправлено: 16:32 22-09-2023
Death_INN

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

Цитата:
В "конкурирующем" правленном стиле эта зона не появляется

И прекрасно, ибо со стилем Ариса у меня автоматом крутит вниз при попадании курсора на любую зону, вне правого скроллбара.
 
xrun1, в итоге я решил такой селектор прописать menupopup[placespopup="true"], чтобы и из главного меню работало.
Края не убираю, т.к. у меня нумерация закладок идет слева, левее иконок
Всего записей: 3115 | Зарегистр. 24-10-2002 | Отправлено: 17:32 22-09-2023 | Исправлено: Death_INN, 17:33 22-09-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
И прекрасно, ибо со стилем Ариса у меня автоматом крутит вниз при попадании курсора на любую зону, вне правого скроллбара.
Я использую этот стиль от Aris, указанная неприятность лечится удалением из стиля нижней части кода (последние 4 строки). Все же этот стиль работает логичнее, чем альтернативный.
Всего записей: 6598 | Зарегистр. 14-09-2020 | Отправлено: 18:54 22-09-2023 | Исправлено: gutasiho, 18:57 22-09-2023
rubel



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

Death_INN (20:32 18-09-2023)
Цитата:
Да и вообще для стилизации скроллбара можно обойтись без скриптов. Только нужны права агента.  

А как получить эти права агента кроме UCF ?
 
Всего записей: 1427 | Зарегистр. 12-07-2004 | Отправлено: 05:52 24-09-2023
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel, можно как на этом примере потестировать в главной консоли. Само собой, секцию с // Unregister .. пропустить, также вместо userChrome.css свой агент шит файл и USER_SHEET заменить на  AGENT_SHEET. Если прокатит, тогда добавить в виде функции в config.js, обязательно с проверками на дебаггерский профиль и существование css, чтобы ничего не поломалось.
Методы только старые. Можно и рабочие (тоже старые) варианты найти по "loadAndRegisterSheet" на другом форуме
Всего записей: 3115 | Зарегистр. 24-10-2002 | Отправлено: 12:43 24-09-2023 | Исправлено: Death_INN, 12:46 24-09-2023
rubel



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Спасибо, но это для меня сложновато. Я думал можно как-то попроще, расширение или скрипт.
Всего записей: 1427 | Зарегистр. 12-07-2004 | Отправлено: 14:29 24-09-2023
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel
Это все ради стиля прокрутки, верно? Если не ошибаюсь, вы уже испробовали скрипт-два (не требует объязательного наличия UCF), использовали css с правами агента (поэтому только UCF), теперь в розыске скрипт, чтобы использовать тот css без UCF? Как-то лихо заверчено, мне не понять.
 
Добавлено:
Кажется, теперь меня все устраивает
 
Всего записей: 6598 | Зарегистр. 14-09-2020 | Отправлено: 14:39 24-09-2023 | Исправлено: gutasiho, 14:44 24-09-2023
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel, тестируй. За возможные последствия не отвечаю. Еще не знаю, нужно ли делать проверку на регистрацию css, т.к. при повторном запуске стили вроде как грузятся из кеша.
У меня кеш вообще блокируется или стирается автоматом при выходе, так что не парюсь.
 
Рекомендую агент делать с xul дефолтным пространством имен. А для проверки можно запрозрачить скроллбар, если его не перебьйт другой стиль с повышенными правами из UCF;
 
/**/
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");
 
scrollbar {
  opacity: 0;
}
Всего записей: 3115 | Зарегистр. 24-10-2002 | Отправлено: 15:13 24-09-2023 | Исправлено: Death_INN, 15:45 24-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

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