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

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

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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
FreePaul
Если никакой, то где-то вы банально допускаете ошибку, или скрипт берете нерабочий. Удалите все, и повторите с нуля. Убедитесь, что файлы разбрасываете по папкам правильно. Не забудьте прописать скрипт в userChrome.js, если скрипт restart_button.uc.js, то в userChrome.js нужно добавить стоку userChrome.import("/userChrome/restart_button.uc.js", "UChrm");
 
Добавлено:
Кнопка скрипта обычно сразу будет на панели инструментов, в редких случаях ее нужно вытащить.
 
Кину сейчас другой рабочий скрипт вам в pm, с встроенной иконкой.

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



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

----------
Восход Солнца - это хорошо для начала...

Всего записей: 935 | Зарегистр. 07-08-2002 | Отправлено: 18:14 06-08-2023 | Исправлено: FreePaul, 18:19 06-08-2023
gutasiho

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

Цитата:
JRE...
Это лишнее.
Добавлено:
Если и в чистом профиле ничего, то я в ауте, идеи и энтузиазм иссякли.
Добавлено:
Кодировка UTF-8.

Всего записей: 6432 | Зарегистр. 14-09-2020 | Отправлено: 18:19 06-08-2023 | Исправлено: gutasiho, 19:42 06-08-2023
lyolik r

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Метод от Endor8 будет работать на ESR 102 ? У меня почему то не выходит, скрипты не появляются, к примеру кнопка рестарта.

Всего записей: 461 | Зарегистр. 26-05-2012 | Отправлено: 21:40 06-08-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
lyolik r
На v102 Endor8 не использовал, но так как метод давний, то должен работать.

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

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

Цитата:
special_widgets.js и special_widget.css.

 
Под какой лодырь надо?

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

Всего записей: 768 | Зарегистр. 22-10-2002 | Отправлено: 17:57 07-08-2023
Lagris

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

Цитата:
Под какой лодырь надо?

Под ксяовский.

Всего записей: 1212 | Зарегистр. 26-08-2007 | Отправлено: 18:27 07-08-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Farby
Цитата:
Под какой лодырь надо?
Aris-t2

Всего записей: 6432 | Зарегистр. 14-09-2020 | Отправлено: 19:05 07-08-2023
unter_officer



Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho
Цитата:
Aris-t2

Здесь посмотрите: https://forum.mozilla-russia.org/viewtopic.php?pid=806446#p806446

Всего записей: 287 | Зарегистр. 03-08-2008 | Отправлено: 20:35 07-08-2023
iNNOKENTIY21



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Наверное не популярный имхо скажу, но тему как то не так назвали.
Первые два слова совпадают с названием основной темы, что сбивает с толку в списке Программы :: Компьютеры :: Компьютерный форум Ru.Board и во вкладках браузера теряется.
Слишком многословное название.
Может переименовать, по типу “Расширения для Firefox”, в “Стили и скрипты для Firefox”.

Всего записей: 3521 | Зарегистр. 16-08-2012 | Отправлено: 20:35 07-08-2023 | Исправлено: iNNOKENTIY21, 20:41 07-08-2023
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris (18:27 07-08-2023 UTC+3)
Цитата:
Под ксяовский.

на тест css внутри, что касается просьбы gutasiho (19:05 07-08-2023 UTC+3)
Цитата:
Aris-t2
посмотрю завтра...


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

Всего записей: 768 | Зарегистр. 22-10-2002 | Отправлено: 21:26 07-08-2023 | Исправлено: Farby, 21:36 07-08-2023
Lagris

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

Цитата:
на тест css внутри

Круто, большое спасибо. Здесь Dumby уже соорудил для userChrome.js, но без стиля.

Всего записей: 1212 | Зарегистр. 26-08-2007 | Отправлено: 21:57 07-08-2023
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Lagris (21:57 07-08-2023 UTC+3)
Цитата:
Здесь Dumby уже соорудил для userChrome.js

отлично, за основу и возьму...
 
Добавлено:
gutasiho (19:05 07-08-2023 UTC+3)
Цитата:
Aris-t2

 
Пробуйте
 
Добавлено:
PS: Dumby спасибы!

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Farby
Отлично работает, никаких сложностей в активации. Большое спасибо.
 
Добавлено:
Ага, замечен бок. В боковой панели от Aris-t2 отображается Separator, но не отображается Space, хотя в меню настройки панели инструментов на панели Aris видны оба элемента.
На панели навигации отображаются оба элемента.

Всего записей: 6432 | Зарегистр. 14-09-2020 | Отправлено: 07:34 08-08-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
"Стильное" решение для Space, показывает промежутки в вертикальной панели инструментов тоже. Но, конечно, желателен инструмент 2in1.
Код

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

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

Код:
toolbarspacer[id^="customizableui-special-spacer"] {
    border: none !important;
    border-inline-start: none !important;
    min-width: 37px !important;
    height: auto !important;
    max-height: none !important;
}
toolbar[orient="vertical"] toolbarspacer[id^="customizableui-special-spacer"] {
    border: none !important;
    border-inline-start: none !important;
    min-height: 37px !important;
    width: auto !important;
    max-width: none !important;
}


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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Farby
Цитата:
Поправил special_widgets
Увы, этот совсем не работает, Space и Separator отсутствуют в настройках панели инструментов.
Из вашего первого кода удалил все, касающееся Space и Spring, оставил только Separator. + стиль из моего поста над вашим, в итоге Space и Separator показываются на обеих панелях. Пока сойдет.
Спасибо за труды.
 
Добавлено:
Лишнюю точку в имени файла заметил, дело не в ней.

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho (14:48 08-08-2023 UTC+3)
Цитата:
Увы, этот совсем не работает

Странненько как то, а попробуйте этот вариант, просто для интереса...
Да и сбросьте startupCache!

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

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

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Farby
У вас нет идеи как оставить папку UserStyles в корне chrome при использовании ксяовскрго загрузчика, когда создается отдельная подпапка ("ХочуТакуюПапку") для скриптов в результате правки userChrome.jsm..? А то я легкий дискомфорт испытываю из-за того, что приходится UserStyles в скриптовую подпапку помещать, чтобы стили подхватывались. Особенно напрягает когда в стиле путь к иконке прописан - там приходится или пути вручную править, или папки с иконками в ХочуТакуюПапку кидать... в результате она тоже распухает, что не есть хорошо.
 
Кусок кода из styloaix.uc.js, который, вроде, за папку UserStyles отвечает:

Код:
get CSSDIR () {
      let cssFolder = _uc.chromedir.clone();
      cssFolder.append('UserStyles');
      if (!cssFolder.exists() || !cssFolder.isDirectory())
        cssFolder.create(Ci.nsIFile.DIRECTORY_TYPE, 0664);
      Object.defineProperty(this, 'CSSDIR', { value: cssFolder });
      return cssFolder;
    },

Всего записей: 1212 | Зарегистр. 26-08-2007 | Отправлено: 15:56 08-08-2023 | Исправлено: Lagris, 16:24 08-08-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Farby
v3 точно так же плох, как и v2. Мне кажется, если в v1 добавите фрагмент css из последнего сообщения Dumby, то все станет хорошо, хотя в этих делах я мало соображаю, но про очистку startupCache не забываю.

Всего записей: 6432 | Зарегистр. 14-09-2020 | Отправлено: 16:14 08-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

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