Mozilla Firefox - стили userChrome.css и скрипты js - [46] :: Программы :: Компьютерный форум Ru.Board

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

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

Открыть новую тему

Написать ответ в эту тему

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

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

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

grom17

Advanced Member

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

Death_INN

Цитата:

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

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

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

Smallette

Member

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

Death_INN
а он реально отображает время загрузки? мне показалось что это просто анимация, скорость заполнения всегда одинаковая, а сайты продолжают догружаться после полного заполнения прогресс бара...

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

gutasiho

Gold Member

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

Smallette
Если здесь animation: 2s scale; увеличить до 6-8, то тогда вроде более адекватно. Или считайте, что страница загрузилась не тогда, когда прогресс добежал до конца, а когда прогресс исчез.

Добавлено:
Если сравнивать с другими тремья известными индикаторами по моменту
Цитата:

когда прогресс исчез.

, то результат одинаков.

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

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

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

xrun1

Advanced Member

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

gutasiho
Если правильно понял, что нужно.
Есть стиль для боковой панели.
Себе по аналогии сделал для панели закладок.

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

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

gutasiho

Gold Member

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

xrun1
Цитата:

Себе по аналогии сделал для панели закладок.

Спасибо, здесь есть нужный код.

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

Death_INN

Silver Member

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

xrun1

Цитата:

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

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

Maxim_um Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Можно ли как-то кнопку "+", открывающую пустую вкладку, и по дефолту находящуюся только в правом верхнем углу, продублировать в левый верхний угол?
	Всего записей: 1433 \| Зарегистр. 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;
}

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

grom17

Advanced Member

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

Death_INN

Цитата:

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

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

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

Smallette

Member

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

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

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

xrun1 Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Smallette Параметр не вспомню, но это связано с защитой, типа fingerprint.
	Всего записей: 740 \| Зарегистр. 26-12-2009 \| Отправлено: 06:43 15-02-2024

Smallette Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору xrun1 точно!!! спасибо. это вот этот параметр: user_pref("privacy.resistFingerprinting", true);
	Всего записей: 291 \| Зарегистр. 01-11-2006 \| Отправлено: 06:56 15-02-2024

Advanced Member

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

Коллеги, у кого получилось подключить код прогресс-бара
от Death_INN, поделитесь, пожалуйста, скриншотами или видео
с экрана, что должно там быть и как выглядит. У меня ничего...

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

Death_INN

Silver Member

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

Starback, наверняка у тебя есть стиль, отображающий полоску над активной вкладкой, который может перебивать мой стиль. Или, если установлено расширение для вкладок в контейнере

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

gutasiho Gold Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору Starback Код в userChrome.css?
	Всего записей: 6618 \| Зарегистр. 14-09-2020 \| Отправлено: 12:26 15-02-2024 \| Исправлено: gutasiho, 12:28 15-02-2024

Farby

Advanced Member

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

Starback
а если так tab-progress

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

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

Всего записей: 3122 | Зарегистр. 24-10-2002 | Отправлено: 13:28 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

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