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

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Starback, ну да, туда и определяю.
Death_INN, на home работает, так скрывает и на newtab. Версия 131. Спасибо.

Всего записей: 638 | Зарегистр. 04-08-2013 | Отправлено: 15:42 02-12-2024 | Исправлено: deannik, 15:44 02-12-2024
Helavista

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
А где-то можно посмотреть все возможные названия английские пунктов контекстного меню чтобы вписать в  simpleMenuWizard? ну по типу - #context-sendpagetodevice, #context-pocket,
В Floorp-e например есть в контекстном пункт добавить страницу\ссылку на веб-панель или в контейнере открыть, а я не могу сообразить как их по английски прописать.

Всего записей: 39 | Зарегистр. 07-01-2023 | Отправлено: 19:13 02-12-2024
Starback



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Helavista 19:13 02-12-2024 UTC+3
Цитата:
А где-то можно посмотреть все возможные названия английские пунктов контекстного меню чтобы вписать в  simpleMenuWizard? ну по типу - #context-sendpagetodevice, #context-pocket

Можете сами попробовать, в шапке есть ссылка:
 
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 1106 | Зарегистр. 17-09-2010 | Отправлено: 08:28 03-12-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Helavista
http://forum.ru-board.com/topic.cgi?forum=5&topic=51202&start=1840#18

Всего записей: 8138 | Зарегистр. 14-09-2020 | Отправлено: 08:51 03-12-2024
Helavista

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Starback
gutasiho
Все пробы обрываются на моменте когда нужно закрепить pop-up окно, в мануалах есть кнопка справа, либо пункт в трехточечном меню, я что-то его в моём браузере не нахожу, и при щелчке на стрелку в окне разработчика контектстное с другого окна  просто пропадает а не замирает как на мануалах.  
Скрин с лисы 133.0, но в Флурпе аналогичная картина. Пункта либо значка при нажатии которого контекстное меню с другого окна не должно пропадать не вижу.  https://fpic.in/K7FR32j

Всего записей: 39 | Зарегистр. 07-01-2023 | Отправлено: 10:34 03-12-2024 | Исправлено: Helavista, 10:47 03-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Helavista, не то открыл. Смотри внимательно какой пункт соответствует сочетанию клавиш Ctrl+Alt+Shift+I

Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 12:05 03-12-2024
Helavista

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
И правда, мои бока, по привычке нажималось F12

Всего записей: 39 | Зарегистр. 07-01-2023 | Отправлено: 12:08 03-12-2024
falcon1598

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как вернуть старую полосу прокрутки в окне?

Всего записей: 506 | Зарегистр. 07-02-2017 | Отправлено: 11:27 04-12-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
Не знаю, как выглядит "старая", но Firefox имеет вариантов 5 встроенных видов полосы прокрутки, настраивается в about:config. Ищите в основной теме в "версии для печати" по ключевому слову. Если что-то симпотное, то в этой теме, коды публиковались не раз.
 

Всего записей: 8138 | Зарегистр. 14-09-2020 | Отправлено: 12:18 04-12-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
по моему, вот эта настройка widget.non-native-theme.scrollbar.style, цифры 0..5

Всего записей: 365 | Зарегистр. 01-11-2006 | Отправлено: 12:19 04-12-2024
falcon1598

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

Цитата:
Не знаю, как выглядит "старая"

Вот так выглядит старая полоса прокрутки.

 
Smallette

Цитата:
по моему, вот эта настройка widget.non-native-theme.scrollbar.style, цифры 0..5  

Эта настройка не влияет на скин и форму полосы прокрутки. Она становится еще и узкой, это еще хуже.
Она остается серой и ее трудно заметить. Это очень неудобно.

Всего записей: 506 | Зарегистр. 07-02-2017 | Отправлено: 13:08 04-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как изменить цвет кнопки "Сохранить изменения " на свой, а так же изменить цвет фокусирующей рамки на станице about:preferences#privacy?
https://www.upload.ee/image/17469640/1.jpg

Всего записей: 124 | Зарегистр. 20-08-2006 | Отправлено: 13:37 04-12-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
цвет стандартными настройками не изменить, только стиль

Цитата:
Firefox
Похоже, Firefox тоже вступил в войну с полосами прокрутки, сделав их невероятно тонкими. К счастью, в Firefox это, по крайней мере, можно исправить (пока…), но для этого придётся перейти в about:config, а это всегда плохой знак. Впрочем, это можно сделать.
 
Введите в адресной строке about:config
 
Найдите виджет widget.non-native-theme.scrollbar.size.override
 
Измените число на любое нужное
 
Также можно отредактировать widget.non-native-theme.scrollbar.style, чтобы изменить его форму; введите 4, чтобы получить красивый пухленький прямоугольник
 
Наконец, включите «Always show scrollbars» в обычном окне about:settings, если вам они нужны постоянно.

Всего записей: 365 | Зарегистр. 01-11-2006 | Отправлено: 15:01 04-12-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
И узкой, и широкой, но серой. А вторую половину моего поста читали?

Всего записей: 8138 | Зарегистр. 14-09-2020 | Отправлено: 18:19 04-12-2024
Death_INN

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

Цитата:
Вот так выглядит старая полоса прокрутки

Это от брауза не зависит, если внешний вид в авто режиме.
 
doud. Код для FF133

Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 19:26 04-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Ваш код не сработал... Он сработал только в окнах при нажатии на кнопках "Управление исключениями" и "Исключения" на этой странице. А на кнопке "Управление данными" нет. Рамка цвет не изменила...

Всего записей: 124 | Зарегистр. 20-08-2006 | Отправлено: 19:54 04-12-2024 | Исправлено: doud, 21:04 04-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud, Код А на счет фокусной рамки видать не понял, надо бы уточнить

Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 21:07 04-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Отличный код! Изменил все кнопки разом на страницах about:!!!
Для фокусной рамки подошел такой код  
 
@-moz-document regexp("chrome:\/\/browser\/content\/.*\\.xhtml") {
:focus-within {
  outline: none !important;
  border-color: ThreeDShadow !important;
  box-shadow: none !important;
}
}

Всего записей: 124 | Зарегистр. 20-08-2006 | Отправлено: 21:23 04-12-2024 | Исправлено: doud, 23:06 04-12-2024
BelarusFreedom



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день, парни..! Подскажите, как убрать синюю рамку URL-бара?
 
Спасибо...

Всего записей: 694 | Зарегистр. 20-05-2011 | Отправлено: 14:27 05-12-2024
Death_INN

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

Код:
#urlbar[focused] > #urlbar-background, #searchbar:focus-within {
  --toolbar-field-focus-border-color: transparent;
}

Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 15:17 05-12-2024 | Исправлено: Death_INN, 15:17 05-12-2024
Открыть новую тему     Написать ответ в эту тему

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