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

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

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

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-селекторов элементов интерфейса встроенными средствами браузера

Всего записей: 7712 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
grom17



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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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



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

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

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

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



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

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

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

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

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

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

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

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

Всего записей: 783 | Зарегистр. 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           одинаковая скорость от начала и до конца

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

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

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