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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155

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

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 | MrOtherGuy/firefox-csshacks (known as MOG) | VicDobrov UCF-скрипты


Просьба публикуемые коды заключать в тэг [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\ v136+: отключить CSP (Content Security Policy - Политика безопасности контента), снижает безопасность!:
Код:
security.browser_xhtml_csp.enabled = false
3\ v139+: если некоторые скрипты JS не работают, можете сделать так, снижает безопасность!:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

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

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



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

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

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

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

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

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 17:15 18-05-2024
351878



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
не уж то без скрина никак? я вполне внятно обрисовал!
пусто у тебя потому что ты там не шаришься. без кукисов страница будет пустая ессено. ну тогда набери в поиске любую муру, позырь пару роликов и вернись на главную. далее то как я описал.
 
вот https://images4.imagebam.com/0a/b3/4f/METLSVR_o.jpg
(скрин со страницы результатов поиска. но вряд ли будут отличия в классе с главной)
проблем в том что это окошко динамическое, мне его тупо не выцырапать из инспектора. я хз как это делается.

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

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

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

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

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
.ytp-tooltip-bg те же яйца только в профиль
"это увеличит миниатюрку уже открытого ролика"
 

Всего записей: 1307 | Зарегистр. 28-03-2016 | Отправлено: 22:04 18-05-2024
DeZz



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
У кого есть опыт с Tree Style Tab поделитесь плз. Выглядит интересно, но сходу возникло пару вопросов.
 

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

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



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

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

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

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

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

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



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

Цитата:
мне в лом

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

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

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

Цитата:
раз рыбы нет

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

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


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

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

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



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

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



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

https://ru.files.me/u/dssmvks4sr
ВОПРОС СНЯТ.
 
xrun1
Цитата:
И да, без претензий: какие хочу иконки, те и использую.

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

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



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
нашёл поиском Storyboard по файлу css
вот эта хрень: .YtPlayerStoryboardStoryboardImageWrapper

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
351878, поправил код выше. Storyboard у меня задвоился. .YtPlayerStoryboardStoryboardImageWrapper - это дочерний класс от моего кода.

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

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

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

данкешун

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
351878? может левый сдвиг зафиксить?

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


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



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

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



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

 
помогите убрать скругления у папок избранного и адресной строке, плз

Всего записей: 1368 | Зарегистр. 23-01-2006 | Отправлено: 11:44 20-05-2024
Death_INN

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

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

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

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

Всего записей: 1307 | Зарегистр. 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 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 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155

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