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

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

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

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

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

А для панели поиска есть?
 
kokoss19
Где взял не помню. Вот :
context_menu_icons
Всего записей: 806 | Зарегистр. 30-03-2008 | Отправлено: 21:33 13-02-2024 | Исправлено: nicol51, 19:00 24-02-2024
kokoss19

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


----------
Win7 / FF115
Всего записей: 2110 | Зарегистр. 16-07-2018 | Отправлено: 23:03 13-02-2024
Death_INN

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

Цитата:
А для панели поиска есть?

для обоих

Код:
:is(#searchbar, .urlbar-input-box) > menupopup.textbox-contextmenu {
  --panel-background: var(--arrowpanel-background) !important;
}
 
:is(#searchbar, .urlbar-input-box) > menupopup.textbox-contextmenu :is(menuitem, menu):where([_moz-menuactive="true"]:not([disabled="true"])) {
  background-color: var(--panel-item-hover-bgcolor) !important;
}

 
Win10 светлая тема, ff 122 (не важно встроенная или сторонняя темные темы). Никаких светлых контекстных меню не увидел
Всего записей: 3442 | Зарегистр. 24-10-2002 | Отправлено: 23:25 13-02-2024
nicol51

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

Цитата:
Никаких светлых контекстных меню не увидел

А вот у меня все светлые. Очевидно у меня не та система.
Вот еще что: браузер 32-битный.
Всего записей: 806 | Зарегистр. 30-03-2008 | Отправлено: 23:49 13-02-2024 | Исправлено: nicol51, 23:57 13-02-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
del
Всего записей: 1457 | Зарегистр. 12-10-2002 | Отправлено: 00:23 14-02-2024 | Исправлено: grom17, 11:06 14-02-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
nicol51, разрядность не важна. Чудо arc_dark_theme-2021.6.2 наверняка и делает светлыми контекстные меню в FF 122. Попробуй в about:config  browser.theme.toolbar-theme = 0
Всего записей: 3442 | Зарегистр. 24-10-2002 | Отправлено: 00:41 14-02-2024
nicol51

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Нет, тема не виновата. У меня в User.js уже много лет прописано browser.theme.toolbar-theme = 2.
Черные контекстные меню не для меня.
 
Всего записей: 806 | Зарегистр. 30-03-2008 | Отправлено: 01:09 14-02-2024 | Исправлено: nicol51, 01:33 14-02-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, ты ранее интересовался прогресс баром. Может такое тебя устроит для UserChrome.css?
Всего записей: 3442 | Зарегистр. 24-10-2002 | Отправлено: 10:15 14-02-2024
grom17



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

Цитата:
ты ранее интересовался прогресс баром. Может такое тебя устроит для UserChrome.css?

Вот это да! Вот это круто! Не ожидал. Спасибо тебе ОГРОМНОЕ !
Всего записей: 1457 | Зарегистр. 12-10-2002 | Отправлено: 10:42 14-02-2024
Smallette

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
а он реально отображает время загрузки? мне показалось что это просто анимация, скорость заполнения всегда одинаковая, а сайты продолжают догружаться после полного заполнения прогресс бара...
Всего записей: 305 | Зарегистр. 01-11-2006 | Отправлено: 12:16 14-02-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette
Если здесь   animation: 2s scale; увеличить до 6-8, то тогда вроде более адекватно. Или считайте, что страница загрузилась не тогда, когда прогресс добежал до конца, а когда прогресс исчез.
 
Добавлено:
Если сравнивать с другими тремья известными индикаторами по моменту
Цитата:
когда прогресс исчез.
, то результат одинаков.
Всего записей: 7361 | Зарегистр. 14-09-2020 | Отправлено: 12:33 14-02-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette, невозможно рассчитать время загрузки страницы, так что на некоторых сайтах, которые быстро грузятся, полоска даже до конца не успеет добежать. Окончанием загрузки считается событие бурстинга, которое в лисе по умолчанию анимировано, но из-за короткого времени анимации ее можно увидеть после записи видео и просмотром в покадровом режиме. Довольно красиво. Хотя, можно увеличить время и поменять цвет

Код:
/** продолжительность анимации вкладки при удачной загрузке страницы **/
.tab-loading-burst[bursting]::before {
  --tab-loading-fill: hsl(210, 100%, 81%); /* default:  #0A84FF or hsl(210.1, 100%, 52%) */
  animation-duration: 2s !important; /* default: 375ms */
}
Всего записей: 3442 | Зарегистр. 24-10-2002 | Отправлено: 13:37 14-02-2024 | Исправлено: Death_INN, 13:38 14-02-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Требуется изменить цвет текста под курсором элементов панели закладок (линки и папки)
 
Всего записей: 7361 | Зарегистр. 14-09-2020 | Отправлено: 13:45 14-02-2024
xrun1



Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Если правильно понял, что нужно.
Есть стиль для боковой панели.
Себе по аналогии сделал для панели закладок.
 
Добавлено:
Если сдублируется сообщение - прошу извинить. Какой-то глюк форума.
Нашёл у себя стиль от 26.05.2019, что удивительно - работает. Делал мне, если память не изменяет, Dumby. Ссылка на оригинальный пост не сохранилась.
Авто-выпадение списка при наведении на значок папки в панели закладок popup_folders.css
Всего записей: 816 | Зарегистр. 26-12-2009 | Отправлено: 15:52 14-02-2024 | Исправлено: xrun1, 16:14 14-02-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
Цитата:
Себе по аналогии сделал для панели закладок.  
Спасибо, здесь есть нужный код.
Всего записей: 7361 | Зарегистр. 14-09-2020 | Отправлено: 16:36 14-02-2024
Death_INN

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

Цитата:
Ссылка на оригинальный пост не сохранилась
Всего записей: 3442 | Зарегистр. 24-10-2002 | Отправлено: 18:45 14-02-2024 | Исправлено: Death_INN, 21:35 14-02-2024
Maxim_um

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Можно ли как-то кнопку "+", открывающую пустую вкладку, и по дефолту находящуюся только в правом верхнем углу, продублировать в левый верхний угол?
Всего записей: 1471 | Зарегистр. 11-11-2008 | Отправлено: 19:43 14-02-2024
Death_INN

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

Код:
#tabbrowser-tabs[hasadjacentnewtabbutton]:not([overflow]) ~ #new-tab-button, #tabbrowser-tabs[overflow] > #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button, #tabbrowser-tabs:not([hasadjacentnewtabbutton]) > #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery > #tabs-newtab-button, #TabsToolbar[customizing="true"] #tabs-newtab-button {
  display: flex !important;
}
Всего записей: 3442 | Зарегистр. 24-10-2002 | Отправлено: 21:31 14-02-2024 | Исправлено: Death_INN, 21:36 14-02-2024
grom17



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

Цитата:
а тестить в лом

Появилась ещё одна кнопка открытия новой вкладки.
Всего записей: 1457 | Зарегистр. 12-10-2002 | Отправлено: 00:13 15-02-2024 | Исправлено: grom17, 23:38 16-02-2024
Smallette

Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, что то наковырял в настройках user.js и теперь ФФ при запуске всегда переключается в оконный вид, хотя раньше открывался на весь экран. Как вернуть старт сразу на весь экран?
Заранее спасибо.
Всего записей: 305 | Зарегистр. 01-11-2006 | Отправлено: 06:14 15-02-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

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