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

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

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris (15:56 08-08-2023 UTC+3)
Цитата:
как оставить папку UserStyles в корне chrome

для этого надо отредактировать styloaix.uc.js в двух местах:

Код:
 
      // let cssFolder = _uc.chromedir.clone();
      let cssFolder = Services.dirsvc.get("UChrm", Ci.nsIFile);
 


Код:
 
    // STYLESDIR: 'resource://userchromejs/' + (_uc.scriptsDir ? _uc.scriptsDir + '/' : '') + 'UserStyles/',
    STYLESDIR: 'resource://userchromejs/' + 'UserStyles/',
 


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

Всего записей: 840 | Зарегистр. 22-10-2002 | Отправлено: 16:39 08-08-2023
Lagris

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

Цитата:
для этого надо отредактировать styloaix.uc.js в двух местах

Вот теперь совсем хорошо. Отлично, спасибо!

Всего записей: 1378 | Зарегистр. 26-08-2007 | Отправлено: 16:59 08-08-2023
Farby

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

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

Всего записей: 840 | Зарегистр. 22-10-2002 | Отправлено: 17:35 08-08-2023
gutasiho

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

Всего записей: 8886 | Зарегистр. 14-09-2020 | Отправлено: 08:03 10-08-2023
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
попробовал на чистом firefox, все настройки по умолчанию, загрузил в него лоадер от Aris-t2 и получил совершенно рабочие "Flexible Space", "Space" и "Separator". Что я делаю не так сам понять не могу, но у меня работает. Немного картинок:


 
    Могу только предположить два варианта
  1. где-то ошибка в загружаемых стилях или конфликт
  2. ошибка в подключении скрипта, а может и конфликт


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

Всего записей: 840 | Зарегистр. 22-10-2002 | Отправлено: 17:35 10-08-2023 | Исправлено: Farby, 17:37 10-08-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Farby
Насчет конфликта попробую покопать.

Всего записей: 8886 | Зарегистр. 14-09-2020 | Отправлено: 19:46 10-08-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Farby
Проверил на голом чистом фоксе, внешних стилей нет совсем, два скрипта -  самый первый ваш скрипт и верт. панель Aris-t2, результат такой же, как и в прежних пробах .
Потом выполнил это, и Space начал отображаться в верт. панели.
Напомню, что Flexible Space из скрипта у меня не работает - не виден в настройках, у вас их два, один родной и второй из скрипта, а у меня только один родной.
Т.к. результат идентичен предыдущим пробам, то конфликты отпадают, их нет. Разница в результатах у вас и у меня может состоять в том, что я пробую в Windows 8.1.
Зато имеем Space+Separator скрипт, не требующий внешнего css.

Всего записей: 8886 | Зарегистр. 14-09-2020 | Отправлено: 10:18 11-08-2023 | Исправлено: gutasiho, 12:06 13-08-2023
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Знатоки, кто силён в userContent.css, на вас последняя надежда.
Хочу "прибить гвоздями" размер плеера ютубовского в 1920х1080 (ровно) вместо максимального 1280х720. Какую строку сделать, чтоб заработало?

Всего записей: 19842 | Зарегистр. 04-11-2010 | Отправлено: 08:02 15-08-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
insorg, а если размер видео будет меньше размера плеера? Попробуй увеличить значение переменной --ytd-watch-flexy-min-player-height и если устроит, тогда скорее всего и ширину панели управления придется жестко прибивать на 100%, а может много чего еще. Копаться в этой помойке нет никакого желания. К тому же у меня нет мона 4k, на котором было бы удобно все это дело тестировать.

Код:
@-moz-document domain("youtube.com") {
  ytd-watch-flexy[flexy][flexy-enable-small-window-sizing]:not([is-extra-wide-video_]),
  ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][transcript-opened_][is-two-columns_]:not([is-extra-wide-video_]),
  ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][playlist][is-two-columns_]:not([is-extra-wide-video_]),
  ytd-watch-flexy[flexy][flexy-enable-small-window-sizing][should-stamp-chat][is-two-columns_]:not([is-extra-wide-video_]) {
    --ytd-watch-flexy-min-player-height: 1080px !important;
  }
  .ytp-chrome-bottom, .ytp-chapter-hover-container {
    width: 100% !important;
  }
}

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 12:50 15-08-2023 | Исправлено: Death_INN, 14:49 15-08-2023
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
размер видео будет меньше размера плеера
Так и получилось. Не вариант.
Хотя, может, тогда проще будет ограничить высоту окна плеера в театральном режиме до 1080рх? По идее, в меньшую сторону оно должно автоматом размер видео подстроить?

Всего записей: 19842 | Зарегистр. 04-11-2010 | Отправлено: 19:14 15-08-2023 | Исправлено: insorg, 19:16 15-08-2023
Death_INN

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

Цитата:
Хотя, может, тогда проще будет ограничить высоту окна плеера в театральном режиме до 1080рх? По идее, в меньшую сторону оно должно автоматом размер видео подстроить?

Не знаю, попробуй. Только ограничивать нужно не высоту, а ширину, т.к. значение max-height вычисляется от высоты вьюпорта, а height - от ширины вьюпорта.

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 23:36 15-08-2023
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Жесть. Но хоть что-то.

Всего записей: 19842 | Зарегистр. 04-11-2010 | Отправлено: 23:48 15-08-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
а есть такой стиль CSS или скрипт чтоб вот например мышкой правой кнопкой на ссылку и чтоб было не открыть а скопировать ссылку как текст? не скопировать ссылку а скопировать её как простой текст
 
 
Добавлено:
.......вот например в Вивальди есть такое - нажал на Закладки и

Всего записей: 7029 | Зарегистр. 05-06-2012 | Отправлено: 08:38 16-08-2023 | Исправлено: pangasiys, 08:51 16-08-2023
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Я такое только в опере для мобилки видел.

Всего записей: 19842 | Зарегистр. 04-11-2010 | Отправлено: 08:52 16-08-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
insorg
ну я вроде где-то видел давно вроде есть уже не помню вроде CSS кто-то выкладывал на это - ну вот может тут снова выложат - надо обождать

Всего записей: 7029 | Зарегистр. 05-06-2012 | Отправлено: 08:54 16-08-2023
gutasiho

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

Цитата:
а есть такой стиль CSS или скрипт чтоб вот например мышкой правой кнопкой на ссылку и чтоб было не открыть а скопировать ссылку как текст? не скопировать ссылку а скопировать её как простой текст
Это функционал расширения Glitter Drag.

Всего записей: 8886 | Зарегистр. 14-09-2020 | Отправлено: 08:56 16-08-2023
pangasiys



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

 
Добавлено:
gutasiho
да мне вот интересно чтоб не расширение а именно стилем или скриптом сделать

Всего записей: 7029 | Зарегистр. 05-06-2012 | Отправлено: 08:57 16-08-2023
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
insorg, я так до конца и не понял, что у тебя за проблема на трубе. Размер плеера в обычном режиме не превышает 1280х720, а в режиме театра наоборот слишком большой как по ширине, так и по высоте?
Для театра можно подобрать такую ширину (по умолчанию 100%), при которой высота будет устраивать:

Код:
ytd-watch-flexy[theater] #player-wide-container.ytd-watch-flexy, ytd-watch-flexy[fullscreen] #player-wide-container.ytd-watch-flexy {
    width: 50% !important;
}


Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 10:01 16-08-2023 | Исправлено: Death_INN, 10:05 16-08-2023
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
 
pangasiys (08:57 16-08-2023 UTC+3)

Цитата:
скриптом сделать

ну тогда вот, там много чего есть...

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

Всего записей: 840 | Зарегистр. 22-10-2002 | Отправлено: 10:02 16-08-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Farby
много всего а того че мне надо чет нема (

Всего записей: 7029 | Зарегистр. 05-06-2012 | Отправлено: 15:03 16-08-2023
Открыть новую тему     Написать ответ в эту тему

Страницы: 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