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

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

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

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-селекторов элементов интерфейса встроенными средствами браузера

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



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

Всего записей: 3843 | Зарегистр. 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 линейки не проверял, но в теории должны работать и там.
 
Пожелания и доработки приветствуются.

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

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

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



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

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

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

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

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

Всего записей: 8376 | Зарегистр. 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 пункта я не использую, подождите, кто-то да предложит.

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

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

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

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

Всего записей: 3788 | Зарегистр. 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 — большое (мобильное)

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



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

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

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

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



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

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



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

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

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

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



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

Всего записей: 18617 | Зарегистр. 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 - классный мод для возврата к квадратному интерфейсу "доПротоновской" эпохи.

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

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