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

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

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



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

Код:
/* "Set Image as Desktop Background..." Item style */
#context-setDesktopBackground {
    color: blue !important;                /* font color */
    font-weight: bold !important;     /* bold */
}  


Всего записей: 1361 | Зарегистр. 23-01-2006 | Отправлено: 13:29 28-11-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как уменьшить высоту вкладок в компактном режиме? Нашёл стиль от Death_INN, но в 133-й не работает.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 13:36 28-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz
Код:
#context-setDesktopBackground {
заменить на
Код:
#context-copylink {

 
Добавлено:
falcon1598
Цитата:
Что за скриншот? Откуда это?
Я уже не отвечаю на такие "сложные" вопросы.

Всего записей: 8874 | Зарегистр. 14-09-2020 | Отправлено: 13:46 28-11-2024
Smallette

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
я еще у себя в usercontent нашел вот такой код (цвета свои поставить):

Код:
@-moz-document url("about:home"),url("about:newtab"),url("about:blank") {
   
    /* background */
  body{
    background-color: #1c1b22 !important;
}
    /* central box background */
  main{
    background-color: #1c1b22;
    border-radius: 20px
  }
}
 

Всего записей: 403 | Зарегистр. 01-11-2006 | Отправлено: 13:51 28-11-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
По каким-то необьяснимым причинам изчезла строка ПОИСКА на домашней странице.
Оказывается её нужно включить в настройках, поставив галочку "Поиск в Интернете".
Но закрыв-открыв FF эта опция-галочка снова оказывается отключенной.
В сети не видел обсуждения на эту тему. Может у меня только такое происходит?

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 14:02 28-11-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Код:
user_pref("browser.newtabpage.activity-stream.showSearch", false);  
Настройки, да слетают. Поставьте true.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 14:04 28-11-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
Цитата:
 Настройки, да слетают. Поставьте true.
Спасибо!
Только что хотел написать: что "спрятав" файлик User.js настройка сохраняется.
Спасибо за совет, но покопаюсь ещё в этом файлике. Что-то там есть, чего быть не должно.
 
Добавлено:
Ну точно, была такая строка с комментарием:
 
// Убрать "вспышку" при старте браузера.
user_pref("browser.newtabpage.activity-stream.showSearch", false);
 
Это и портило всю картину. Нахрена это там!? У меня и так вспышек этих нет. Про запас что-ли.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 14:10 28-11-2024 | Исправлено: grom17, 23:27 28-11-2024
Death_INN

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

Цитата:
Как уменьшить высоту вкладок в компактном режиме в 133-й?

Может тебе проще задавать переменную --tab-min-height в руте через !important?
 
А у меня сейчас почти так для горизонтальных вкладок. Код

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 21:08 28-11-2024
ElKanitel



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, пожалуйста, что надо прописать в файле userContent.css или в userChrome.css, чтобы серые папки закладок сделать жёлтыми? Есть какой-то 100% рабочий вариант?
 
Добавлено:
И если можно отключить прокрутку вкладок, то как это сделать?

Всего записей: 197 | Зарегистр. 06-11-2008 | Отправлено: 21:28 28-11-2024 | Исправлено: ElKanitel, 21:28 28-11-2024
kokoss19

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

Цитата:
что надо прописать в файле userContent.css, чтобы серые папки закладок сделать жёлтыми? Есть какой-то 100% рабочий вариант?  

Проверяйте...

----------
Win7 / FF115

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 23:25 28-11-2024
rambl

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Господа, доброго времени суток!
Подскажите пожалуйста, есть ли код для "компактного режима" "активной" панели адреса?  
 
   
 
Сейчас такой вид данной "панели" (только белый фон исправил) хотелось бы сделать компактнее, сократить расстояние между ссылками, очень широко выглядит ...  
 
Подскажите пожалуйста, что нужно добавить в userchrome?

Всего записей: 96 | Зарегистр. 15-06-2023 | Отправлено: 01:27 29-11-2024
grom17



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

Код:
/* Межстрочный интервал выпадающего меню */
 
.urlbarView-row-inner {
    padding-block: 6px !important;
}

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 12:52 29-11-2024 | Исправлено: grom17, 12:54 29-11-2024
gutasiho

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

Всего записей: 8874 | Зарегистр. 14-09-2020 | Отправлено: 13:13 29-11-2024 | Исправлено: gutasiho, 13:43 29-11-2024
rambl

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
grom17
Спасибо большое! Теперь внешний вид браузера стал еще ближе к идеалу компактности))

Всего записей: 96 | Зарегистр. 15-06-2023 | Отправлено: 13:49 29-11-2024
ElKanitel



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

Цитата:
Проверяйте

Спасибо! Красота!!! А не знаете как сделать еще отдельный значок на открытую папку?
 
 
Добавлено:
И если можно отключить прокрутку вкладок, то как это сделать?
 
Я нашёл только такое, но это жесть какая-то...
 

Код:
 
/* Запрет прокрутки вкладок корявый */
 
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 
.tabbrowser-tab:not([pinned]):not([selected]) {
    min-width: initial !important;
    overflow: hidden;
}
 
.tabbrowser-tab:not([pinned]) {
    min-width: initial !important;
}
 
.tabbrowser-tab {
    border-right: 1px solid #aaa !important;
}
 
.tabbrowser-tab::after,
.tabbrowser-tab::before {
  display: none !important;
}
 

Всего записей: 197 | Зарегистр. 06-11-2008 | Отправлено: 15:09 29-11-2024
kokoss19

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

Цитата:
И если можно отключить прокрутку вкладок, то как это сделать?  

Как вариант

----------
Win7 / FF115

Всего записей: 2174 | Зарегистр. 16-07-2018 | Отправлено: 17:49 29-11-2024
Death_INN

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

Цитата:
как сделать еще отдельный значок на открытую папку?

Где именно? К закладкам можно получить доступ через тулбар, боковую панель, библиотеку, кнопку, верхнее меню и может откуда-то еще.

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 17:55 29-11-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Может тебе проще задавать переменную --tab-min-height в руте через !important?
С ним заработало. Спасибо. Как посмотреть какая высота вкладки в текущей версии? К примеру, в 131 высота полностью устраивает и хотелось бы выставить такую же в 133, чтобы не примеряться "на глаз", скриншотами или в ShareX'е высчитывать пиксели.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 18:19 29-11-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как изменить цвет кнопки "сохранить" на свой?
https://www.upload.ee/image/17451069/pic.jpg

Всего записей: 128 | Зарегистр. 20-08-2006 | Отправлено: 18:54 29-11-2024 | Исправлено: doud, 18:56 29-11-2024
Death_INN

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

Цитата:
Как посмотреть какая высота вкладки в текущей версии?

В инспекторе можно поиском найти переменную в стилях брауза и перейти на содержимое файла или рыться в омни с поиском tabs.css (который приличного размера)
 
doud

Цитата:
Как изменить цвет кнопки "сохранить" на свой?

Для Firefox < 132

Код:
#editBookmarkPanelDoneButton {
  --button-primary-bgcolor: light-dark(red, yellow);
  --button-primary-hover-bgcolor: light-dark(blue, green);  
  --button-primary-active-bgcolor: light-dark(black, white);
}

 
ElKanitel

Цитата:
И если можно отключить прокрутку вкладок, то как это сделать?

Через автоконфиг без учета индикатора

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 20:01 29-11-2024 | Исправлено: Death_INN, 20:23 29-11-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