Mozilla Firefox - стили userChrome.css и скрипты js - [62] :: Программы :: Компьютерный форум 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

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

351878

Advanced Member

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

коллеги помогите, не могу выловить.
нужен класс динамической миниатюрки под мышкой прогресс бара на главной ютуба, та что в белой рамке.
мне её нужно увеличить типа так:

Код:

.ytp-preview {
transform: scale(1.7) !important;}

это увеличит миниатюрку уже открытого ролика

Всего записей: 1059 | Зарегистр. 28-03-2016 | Отправлено: 16:38 18-05-2024

Death_INN Silver Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору 351878, лично я не понял о чем речь без скрина. А на главной у меня всегда пусто.
	Всего записей: 3122 \| Зарегистр. 24-10-2002 \| Отправлено: 17:15 18-05-2024

351878

Advanced Member

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

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

вот https://images4.imagebam.com/0a/b3/4f/METLSVR_o.jpg
(скрин со страницы результатов поиска. но вряд ли будут отличия в классе с главной)
проблем в том что это окошко динамическое, мне его тупо не выцырапать из инспектора. я хз как это делается.

Всего записей: 1059 | Зарегистр. 28-03-2016 | Отправлено: 18:48 18-05-2024 | Исправлено: 351878, 19:31 18-05-2024

Death_INN

Silver Member

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

351878

Цитата:

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

Это обсуждали, пробовал, но не получалось, а сегодня получилось. Однако на любых миниатюрах у меня нет превью, а у тебя есть, если выйти из аккаунта?
Если открыть любое видео, с воспроизведением или нет, то превью имеется и можно вместо .ytp-preview задействовать .ytp-tooltip-bg

Всего записей: 3122 | Зарегистр. 24-10-2002 | Отправлено: 20:14 18-05-2024

351878 Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору .ytp-tooltip-bg те же яйца только в профиль "это увеличит миниатюрку уже открытого ролика"
	Всего записей: 1059 \| Зарегистр. 28-03-2016 \| Отправлено: 22:04 18-05-2024

DeZz

Advanced Member

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

У кого есть опыт с Tree Style Tab поделитесь плз. Выглядит интересно, но сходу возникло пару вопросов.

После установки предлагается применить userChrome.css который скрывает горизонтальные вкладки + переносит кнопки управления окном.

1. Как скрыть оставшиеся пространство сверху?
2. Как выровнять кнопки свернуть..закрыть? это нужно уменьшать размер адресной строки?
3. Как визуализировать "спящие" неактивные вкладки? *
4. По Alt теперь неправильно отображается меню, поправимо?

* тот же вопрос и про "обычные" горизонтальные вкладки.

Всего записей: 1178 | Зарегистр. 23-01-2006 | Отправлено: 10:16 19-05-2024 | Исправлено: DeZz, 10:44 19-05-2024

351878

Advanced Member

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

Цитата:

Однако на любых миниатюрах у меня нет превью

они действительно не на всех роликах.
от формата видео зависит. причем на уже открытых роликах (.ytp-preview, .ytp-tooltip-bg) превью есть всегда.

Всего записей: 1059 | Зарегистр. 28-03-2016 | Отправлено: 14:35 19-05-2024

Death_INN

Silver Member

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

351878, мне в лом разбираться какой или какие параметры влияют на отказ показа превью в миниатюрах, т.к. мне они не нужны. Запустил резервную сборку с минимальными правками, там все ок.
Пробуй объединение классов: .YtPlayerStoryboardStoryboardHost.YtPlayerStoryboardStoryboardHostInlinePlayer
А уж подвинуть, поправить время (если уехало) - ты уж сам заморачивайся

Всего записей: 3122 | Зарегистр. 24-10-2002 | Отправлено: 16:56 19-05-2024

351878

Advanced Member

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

Death_INN

Цитата:

мне в лом

так я вроде не уговаривал. сам вызвался.

раз рыбы нет, дай удочку:
как выковыривать элементы, которых нет пока мышкой не наведёшь?

Всего записей: 1059 | Зарегистр. 28-03-2016 | Отправлено: 17:34 19-05-2024

Death_INN

Silver Member

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

351878

Цитата:

раз рыбы нет

связку классов же дал

Код:

.YtPlayerStoryboardHost.YtPlayerStoryboardHostInlinePlayer {
transform: scale(1.7) !important;
}

Цитата:

как выковыривать элементы, которых нет пока мышкой не наведёшь?

Оставь наведенным, а в инспекторе клавой

Всего записей: 3122 | Зарегистр. 24-10-2002 | Отправлено: 18:47 19-05-2024 | Исправлено: Death_INN, 20:27 19-05-2024

351878

Advanced Member

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

Death_INN
с кодом поигрался. не робит.

не могу найти гайд по клавишам в инспекторе на родном языке
честно говоря нервов не хватает, навожу, и тут как всё начинает подмигивать уезжать и упрыгивать. хочется просто уе..ать) монитор жалко, дорогой сцуко)

Всего записей: 1059 | Зарегистр. 28-03-2016 | Отправлено: 19:52 19-05-2024

grom17

Advanced Member

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

Помогите добавить недостающие пункты.

https://ru.files.me/u/dssmvks4sr
ВОПРОС СНЯТ.

xrun1
Цитата:

И да, без претензий: какие хочу иконки, те и использую.

Абсолютно никаких претензий нет. Попробуйте. Попробовал, и это меня направило на "правильный путь". Исправил у себя и всё заработало. Спасибо!

Всего записей: 1331 | Зарегистр. 12-10-2002 | Отправлено: 20:15 19-05-2024 | Исправлено: grom17, 12:00 20-05-2024

351878 Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору нашёл поиском Storyboard по файлу css вот эта хрень: .YtPlayerStoryboardStoryboardImageWrapper
	Всего записей: 1059 \| Зарегистр. 28-03-2016 \| Отправлено: 20:16 19-05-2024

Death_INN

Silver Member

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

351878, поправил код выше. Storyboard у меня задвоился. .YtPlayerStoryboardStoryboardImageWrapper - это дочерний класс от моего кода.

Цитата:

не могу найти гайд по клавишам в инспекторе на родном языке

А зачем? Стрелка вверх-вниз в инспекторе, а для раскрытия - стрелка вправо. Если нужны правила, то через Tab переключаться до тех пор пока активны не будут.

Всего записей: 3122 | Зарегистр. 24-10-2002 | Отправлено: 20:31 19-05-2024

351878

Advanced Member

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

Death_INN
в ориг правилах вот этот кусок:

Код:

.YtPlayerStoryboardStoryboardImageWrapper {
background-color:#fff;
border:2px solid white;
overflow:hidden;
position:relative;
border-radius:8px
}

а у меня теперь так:

Код:

.YtPlayerStoryboardStoryboardImageWrapper {
transform: scale(1.4) !important;
background: none !important;
border-color: #000 !important;
border-radius: 3px !important;
}

единственный косяк, пока не понял как вылечить, эта превьюшка слева и справа выезжает за пределы миниатюры. в идеале закрепить бы её вообще, чтоб не ездила вместе с перемоткой.

Цитата:

Стрелка вверх-вниз... стрелка вправо. Если нужны правила, то через Tab

данкешун

Всего записей: 1059 | Зарегистр. 28-03-2016 | Отправлено: 22:31 19-05-2024

Death_INN

Silver Member

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

351878? может левый сдвиг зафиксить?

Код:

.YtPlayerStoryboardHost.YtPlayerStoryboardHostInlinePlayer {
left: 28% !important;
}

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

351878

Advanced Member

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

Death_INN
да пробовал
фигня получается, левый фиксишь, справа кикос) и наоборот. marginы такой же эффект дают. надо как то хитрить).
вообще гугло тупорезам отдельный поклон(. не могли сразу сделать чтоб при наведении никакого окна не всплывало а сразу превьюха была с перемоткой. во дебилы та). а тут ещё новую морду пытаются завести. реддиты кипят уже от злости)

Всего записей: 1059 | Зарегистр. 28-03-2016 | Отправлено: 11:39 20-05-2024

DeZz Advanced Member	Редактировать \| Профиль \| Сообщение \| Цитировать \| Сообщить модератору помогите убрать скругления у папок избранного и адресной строке, плз
	Всего записей: 1178 \| Зарегистр. 23-01-2006 \| Отправлено: 11:44 20-05-2024

Death_INN

Silver Member

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

351878

Цитата:

фигня получается, левый фиксишь, справа кикос) и наоборот

У меня все ок. Проверял на FF115 и FF124. Превьюшка на одном месте как вкопанная и никуда не едет. Попутно и причину нашел, почему превьюшка не отображалась: в одном из скриптов, относящихся к youtube, на событии mouseenter была поставлена труба)))

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

351878

Advanced Member

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

Цитата:

Проверял на FF115 и FF124

~~хм, озадачил. у меня waterfox и r3dfox 126 и нифига)~~
впрочим лан, шут с ним. главного я добился. а то 4к монике это оконце просто выбешивало аки бельмо)

всё норм, кое что мешало
финально так:

Код:

.YtPlayerStoryboardStoryboardImageWrapper {
transform: scale(1.8) !important;
background: none !important;
border-color: #000 !important;
border-radius: 3px !important;
}
.YtPlayerStoryboardTimestamp {
display: none !important;
}
.YtPlayerStoryboardHost.YtPlayerStoryboardHostInlinePlayer {
left: 50% !important;
}

Всего записей: 1059 | Зарегистр. 28-03-2016 | Отправлено: 20:39 20-05-2024 | Исправлено: 351878, 10:52 21-05-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