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

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

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

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 [?]
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\ Начиная с v139.0, разрешить использование скриптов JS в about:config:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

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

Всего записей: 8451 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 16:21 12-04-2025
grom17



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

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

Вот это да! Вот это круто! Не ожидал. Спасибо тебе ОГРОМНОЕ !

Всего записей: 1557 | Зарегистр. 12-10-2002 | Отправлено: 10:42 14-02-2024
Smallette

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

Всего записей: 390 | Зарегистр. 01-11-2006 | Отправлено: 12:16 14-02-2024
gutasiho

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

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

Всего записей: 3813 | Зарегистр. 24-10-2002 | Отправлено: 13:37 14-02-2024 | Исправлено: Death_INN, 13:38 14-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Требуется изменить цвет текста под курсором элементов панели закладок (линки и папки)
 

Всего записей: 8451 | Зарегистр. 14-09-2020 | Отправлено: 13:45 14-02-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Если правильно понял, что нужно.
Есть стиль для боковой панели.
Себе по аналогии сделал для панели закладок [?].
 
Добавлено:
Если сдублируется сообщение - прошу извинить. Какой-то глюк форума.
Нашёл у себя стиль от 26.05.2019, что удивительно - работает. Делал мне, если память не изменяет, Dumby. Ссылка на оригинальный пост не сохранилась.
Авто-выпадение списка при наведении на значок папки в панели закладок popup_folders.css [?]

Всего записей: 927 | Зарегистр. 26-12-2009 | Отправлено: 15:52 14-02-2024 | Исправлено: xrun1, 16:14 14-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
Цитата:
Себе по аналогии сделал для панели закладок.  
Спасибо, здесь есть нужный код.

Всего записей: 8451 | Зарегистр. 14-09-2020 | Отправлено: 16:36 14-02-2024
Death_INN

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

Цитата:
Ссылка на оригинальный пост не сохранилась

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Можно ли как-то кнопку "+", открывающую пустую вкладку, и по дефолту находящуюся только в правом верхнем углу, продублировать в левый верхний угол?

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

Всего записей: 3813 | Зарегистр. 24-10-2002 | Отправлено: 21:31 14-02-2024 | Исправлено: Death_INN, 21:36 14-02-2024
grom17



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

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

Появилась ещё одна кнопка открытия новой вкладки.

Всего записей: 1557 | Зарегистр. 12-10-2002 | Отправлено: 00:13 15-02-2024 | Исправлено: grom17, 23:38 16-02-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, что то наковырял в настройках user.js и теперь ФФ при запуске всегда переключается в оконный вид, хотя раньше открывался на весь экран. Как вернуть старт сразу на весь экран?
Заранее спасибо.

Всего записей: 390 | Зарегистр. 01-11-2006 | Отправлено: 06:14 15-02-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette
Параметр не вспомню, но это связано с защитой, типа fingerprint.

Всего записей: 927 | Зарегистр. 26-12-2009 | Отправлено: 06:43 15-02-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
точно!!! спасибо.
это вот этот параметр:
user_pref("privacy.resistFingerprinting", true);

Всего записей: 390 | Зарегистр. 01-11-2006 | Отправлено: 06:56 15-02-2024
Starback



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

Всего записей: 1132 | Зарегистр. 17-09-2010 | Отправлено: 11:36 15-02-2024
Death_INN

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

Всего записей: 3813 | Зарегистр. 24-10-2002 | Отправлено: 11:56 15-02-2024 | Исправлено: Death_INN, 12:02 15-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Starback Код в userChrome.css?
 

Всего записей: 8451 | Зарегистр. 14-09-2020 | Отправлено: 12:26 15-02-2024 | Исправлено: gutasiho, 12:28 15-02-2024
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Starback
а если так tab-progress [?]

----------
Жизнь иногда такое выкидывает, что хочется подобрать...

Всего записей: 811 | Зарегистр. 22-10-2002 | Отправлено: 12:32 15-02-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Можно функцию анимации поменять из простых пресетов или ваять свою через cubic-bezier. Эти две записи равнозначны
 
animation: 2s scale;
animation: 2s ease scale;
 
ease            анимация начинается медленно, затем ускоряется и к концу движения опять замедляется (по умолчанию)
ease-in        aнимация медленно начинается, к концу ускоряется
ease-out      анимация начинается быстро, к концу замедляется
ease-in-out  анимация начинается и заканчивается медленно
linear           одинаковая скорость от начала и до конца

Всего записей: 3813 | Зарегистр. 24-10-2002 | Отправлено: 13:28 15-02-2024
Starback



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho 12:26 15-02-2024 UTC+3 [?]
Цитата:
Starback Код в userChrome.css?

Да, конечно. Только по скрину понял, что на вкладке.
Понятно, почему у меня его нет

Farby 12:32 15-02-2024 UTC+3 [?]
Цитата:
а если так

На вкладке должен быть?

У меня есть скрипт прогресс-бара, работающий в составе UCF,
в виде цветной градиентной заливки адресной строки,
пропадающей после полной загрузки страницы. Если кому интересно - поделюсь.
Поскольку от UCF планирую отказаться, ищу что-то похожее,
хотя, может и этот скрипт будет работать на загрузчике от Aris-T2

Всего записей: 1132 | Зарегистр. 17-09-2010 | Отправлено: 13:47 15-02-2024 | Исправлено: Starback, 13:48 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 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

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