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

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

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

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
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Наконец-то! Дай бо, шоб она заполнялась

Всего записей: 3818 | Зарегистр. 15-01-2013 | Отправлено: 08:53 29-07-2023 | Исправлено: cannafu, 08:54 29-07-2023
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
CSS Для Firefox/Waterfox:
• однострочный вид;
• квадратные вкладки;
• шрифт Tahoma 8 в адресной строке и вкладках;
• 90% непрозрачности оверлинк;
• счётчик открытых вкладок (на клавише выпадающего меню вкладок).
 
userChrome.css
Скриншот
CSS актуален и работает на свежей линейке версий 115 ESR, на предыдущей 102 ESR, а также на обычных релизных версиях в том же интервале. Версии старее прошлой ESR линейки не проверял, но в теории должны работать и там.
 
Пожелания и доработки приветствуются.

Всего записей: 17910 | Зарегистр. 04-11-2010 | Отправлено: 10:18 29-07-2023 | Исправлено: insorg, 10:29 29-07-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Скрипт-кнопка для запуска другого экземпляра Firefox с указанным в скрипте профилем, по мнению разработчика, достиг финальной версии.
Из нового - кнопка может запускать не второй профиль, а менеджер профилей, если вам такое больше по душе.
 
Добавлено:
insorg
Цитата:
счётчик открытых вкладок (на клавише выпадающего меню вкладок).
На скрин он не попал?

Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 10:36 29-07-2023
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Да, скрин делался до того, как я счётчик туда добавлял. Цифра будет ровно над "птичкой".

Всего записей: 17910 | Зарегистр. 04-11-2010 | Отправлено: 10:48 29-07-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
(Перенес из основной темы) Архиполезный скрипт для скриптофилов - "открыть папку startupCache" Код При двух профилях корректно определяет папку startupCache активного профиля, если скрипт установлен в обеих профилях, конечно.  
Открываем-то мы эту папку не из праздных побуждений, а для ее опустошения, поэтому еще вариант очистки кэша автозапуска Firefox (опустошение папки startupCache) - запустить FF с ключом [-purgecaches]: firefox.exe -purgecaches

Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 11:05 29-07-2023 | Исправлено: gutasiho, 11:11 29-07-2023
pangasiys



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

Код:
/* при наведении на вкладку появляется кнопка закрытия */
.tabbrowser-tab:not([selected='true']) :not(:hover)    
.tab-close-button  {display:none !important;}
.tab-close-button:hover {
  fill: red !important;
}

Код:
/* Уменьшить отступ между значками */
*|*:root {  
    --toolbarbutton-outer-padding: 0px !important;
}

Код:
/* Цвет папки в избранном */
treechildren::-moz-tree-image(container),
.bookmark-item[container="true"] {
    fill: #FFBC00 !important;
    fill-opacity: 1 !important;
}

................всё это в userChrome.css

Всего записей: 6693 | Зарегистр. 05-06-2012 | Отправлено: 12:26 29-07-2023 | Исправлено: pangasiys, 12:04 30-07-2023
summoner75

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

Всего записей: 108 | Зарегистр. 19-09-2019 | Отправлено: 14:36 29-07-2023 | Исправлено: summoner75, 14:37 29-07-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
summoner75
Цитата:
выделение (синим системным) цветом активной вкладки,
системный он или нет, определите сами
Цитата:
/* Цвет активной вкладки */
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
  background: #384DFF !important;
 }
Еще 4 оттенка синего для быстрого подбора
#354BDE
#0000C0
#0000FF
blue
 
Добавлено:
Предлагаю внедрить правило публикации кодов - заключать коды в тэг "цитата", он же "quote"    [q][/q]

Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 15:25 29-07-2023 | Исправлено: gutasiho, 15:32 29-07-2023
summoner75

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho Спасибо! А остальные 2 пункта?

Всего записей: 108 | Зарегистр. 19-09-2019 | Отправлено: 15:38 29-07-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
summoner75
Остальные 2 пункта я не использую, подождите, кто-то да предложит.

Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 15:40 29-07-2023
Death_INN

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

Код:
/** межстрочный интервал между пунктами различных (не)контекстного меню **/
menupopup > :is(menuitem, menu) {
  padding-block: 0.15em !important;
}

Для некоторых меню может потребоваться поддержка агент стилей

Всего записей: 3547 | Зарегистр. 24-10-2002 | Отправлено: 15:55 29-07-2023 | Исправлено: Death_INN, 09:35 30-07-2023
Mus_112

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
summoner75
А можно прилепить куда-нить в шапку темы базовый стиль с уменьшенными по толщине всеми верхними панелями...
 
Вы про это?

Цитата:
about:config --> browser.uidensity
Функция позволяет выбрать высоту вкладок и адресной строки. На мониторах с малой диагональю и небольшим разрешением, вкладки и адресная строка могут занимать слишком много места на экране. Это можно немного подправить. Установив одно из следующих ниже значений, получите соответствующий вид.
0 — по умолчанию, среднее (обычное)
1 — малое (компактное)
2 — большое (мобильное)

Всего записей: 197 | Зарегистр. 14-07-2012 | Отправлено: 17:04 29-07-2023
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
Предлагаю внедрить правило публикации кодов  
Для этого есть [code][/code], а не цитата.  
 
pangasiys
Будь другом, оформи код в тег кода. Читать удобнее будет.

Всего записей: 17910 | Зарегистр. 04-11-2010 | Отправлено: 03:03 30-07-2023 | Исправлено: insorg, 03:04 30-07-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
insorg
Так [code][/code] нет в выпадающем меню тэгов, как цитаты, что усложняет написание поста. Потому я и акцентировал внимание на цитате, и как видишь, это дает отличный результат. К тому же по выходу смысловой и визуальной разницы - ни-ка-кой.
Если сможешь добавить код в выпадающее меню (может, это только у меня его там нет?), будет полегче. А так народ может использовать что первое, что второе.

Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 07:37 30-07-2023 | Исправлено: gutasiho, 07:39 30-07-2023
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
   
Всё там есть. Не нужно оправдывать лень. Себе же будет приятнее и понятнее ориентироваться в постах. Код - это код, который ты запостил сам. Цитата - это выделенное и взятое из прошлых сообщений, к которому ты задаёшь вопросы или отвечаешь. Зачем путать и смешивать?

Всего записей: 17910 | Зарегистр. 04-11-2010 | Отправлено: 08:13 30-07-2023
cannafu



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

Всего записей: 3818 | Зарегистр. 15-01-2013 | Отправлено: 08:15 30-07-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
insorg
Действительно, код есть, а я его сумел проглядеть , аж смешно.
Код:
 Только попрошу эпитеты фильтровать, ага, трудолюбивый?

Всего записей: 7669 | Зарегистр. 14-09-2020 | Отправлено: 08:56 30-07-2023 | Исправлено: gutasiho, 08:59 30-07-2023
insorg



Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Бывает.

Всего записей: 17910 | Зарегистр. 04-11-2010 | Отправлено: 09:00 30-07-2023
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Кстати, во избежание лишних вопросов, лучше вот это в шапку сразу добавить:

Код:
 
Как использовать `userChrome.css` и `userContent.css`:
 
1. Открыть `about:config`
2. Найти и переключить `toolkit.legacyUserProfileCustomizations.stylesheets` в true
 
Копировать CSS в папку профиля, для этого:
1. Открыть `about:profiles`
2. Найти папку профиля  
3. Открыть папку профиля  
4. Создать в ней папку с именем `chrome`
5. В папку `chrome` копировать готовые или создать новые файлы `userChrome.css` и `userContent.css`
 
Перезапустить ФФ
 

 
И вот еще подборка репо с интересными CSS кодами для ФФ:
https://github.com/datguypiko/Firefox-Mod-Blur
https://github.com/Aris-t2/CustomCSSforFx
https://github.com/Bali10050/FirefoxCSS#readme
https://github.com/MrOtherGuy/firefox-csshacks
https://forum.mozilla-russia.org/viewtopic.php?id=37396&p=531
https://www.reddit.com/r/FirefoxCSS/
https://github.com/QNetITQ/WaveFox
https://github.com/QNetITQ/WaveFox
https://github.com/muckSponge/MaterialFox
https://github.com/KibSquib48/MicaFox
https://github.com/black7375/Firefox-UI-Fix - классный мод для возврата к квадратному интерфейсу "доПротоновской" эпохи.

Всего записей: 319 | Зарегистр. 01-11-2006 | Отправлено: 09:24 30-07-2023 | Исправлено: Smallette, 11:43 30-07-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

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