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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 149 150 151 152 153 154 155 156 157 158 159 160 161

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

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
3\ v139+: если некоторые скрипты JS не работают, можете сделать так, снижает безопасность!:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

Полезные ссылки
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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

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

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

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

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



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

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



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

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

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

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


Всего записей: 4001 | Зарегистр. 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, все правленные-переправленные под новые реалии.

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

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

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

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

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

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

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

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

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

Всего записей: 4001 | Зарегистр. 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 по умолчанию. Хотя тогда лучше бы совсем эта кнопка не показывалась, было бы логичнее.
   
В "конкурирующем" правленном стиле эта зона не появляется.

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

Всего записей: 1022 | Зарегистр. 26-12-2009 | Отправлено: 16:32 22-09-2023
Death_INN

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

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

И прекрасно, ибо со стилем Ариса у меня автоматом крутит вниз при попадании курсора на любую зону, вне правого скроллбара.
 
xrun1, в итоге я решил такой селектор прописать menupopup[placespopup="true"], чтобы и из главного меню работало.
Края не убираю, т.к. у меня нумерация закладок идет слева, левее иконок

Всего записей: 4001 | Зарегистр. 24-10-2002 | Отправлено: 17:32 22-09-2023 | Исправлено: Death_INN, 17:33 22-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
И прекрасно, ибо со стилем Ариса у меня автоматом крутит вниз при попадании курсора на любую зону, вне правого скроллбара.
Я использую этот стиль от Aris, указанная неприятность лечится удалением из стиля нижней части кода (последние 4 строки). Все же этот стиль работает логичнее, чем альтернативный.

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

Всего записей: 1498 | Зарегистр. 12-07-2004 | Отправлено: 05:52 24-09-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel, можно как на этом примере потестировать в главной консоли. Само собой, секцию с // Unregister .. пропустить, также вместо userChrome.css свой агент шит файл и USER_SHEET заменить на  AGENT_SHEET. Если прокатит, тогда добавить в виде функции в config.js, обязательно с проверками на дебаггерский профиль и существование css, чтобы ничего не поломалось.
Методы только старые. Можно и рабочие (тоже старые) варианты найти по "loadAndRegisterSheet" на другом форуме

Всего записей: 4001 | Зарегистр. 24-10-2002 | Отправлено: 12:43 24-09-2023 | Исправлено: Death_INN, 12:46 24-09-2023
rubel



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Спасибо, но это для меня сложновато. Я думал можно как-то попроще, расширение или скрипт.

Всего записей: 1498 | Зарегистр. 12-07-2004 | Отправлено: 14:29 24-09-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
rubel
Это все ради стиля прокрутки, верно? Если не ошибаюсь, вы уже испробовали скрипт-два (не требует объязательного наличия UCF), использовали css с правами агента (поэтому только UCF), теперь в розыске скрипт, чтобы использовать тот css без UCF? Как-то лихо заверчено, мне не понять.

Всего записей: 9024 | Зарегистр. 14-09-2020 | Отправлено: 14:39 24-09-2023 | Исправлено: gutasiho, 08:07 01-09-2025
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;
}

Всего записей: 4001 | Зарегистр. 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 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 149 150 151 152 153 154 155 156 157 158 159 160 161

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