Mozilla Firefox: стили userChrome.css и скрипты js - [102] :: Программы :: Компьютерный форум Ru.Board
Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 [?]
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\ Начиная с v139.0, разрешить использование скриптов JS в about:config:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

 
Полезные ссылки
 
Онлайн-конвертер иконок в\из Base64
Онлайн-редактор иконок SVG
Онлайн-конвертер SVG to Data URI
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера

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

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте.
Вынужден переехать на последнюю (для Win 7) FF 115.17.0 ESR.
Также поставил Custom CSS tweaks for Firefox v4.6.0. Но в силу возраста у меня трудности с этим.
Нужно изменить и настроить некоторые элементы. Начну с этих элементов. Их нужно убрать.

 

 
Спасибо.

Всего записей: 507 | Зарегистр. 07-02-2017 | Отправлено: 16:12 23-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
По первому скрину. Ниже адресной строки - панель закладок, отключается в строке меню View (Вид).
Уникнопка расширений
Код:
/* userChrome.css */
#unified-extensions-button {
    display:none! important;
}
Кнопка-счетчик вкладок
Код:
browser.tabs.tabmanager.enabled = false

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 16:31 23-11-2024 | Исправлено: gutasiho, 16:31 23-11-2024
falcon1598

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

Цитата:
По первому скрину. Ниже адресной строки - панель закладок, отключается в строке меню View (Вид).  

Спасибо. Отключил.
 
#unified-extensions-button {
    display:none! important;
}  
Кнопка расширений удалена. Хорошо.
 

Цитата:
browser.tabs.tabmanager.enabled = false

 
Тоже сработало. Благодарю.
 
Что по второму скриншоту? Там доп. строка "Firefox suggest". Ее нужно удалить как-то.

Всего записей: 507 | Зарегистр. 07-02-2017 | Отправлено: 17:04 23-11-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598
У себя такого не вижу сейчас, но помню, что было. Нашёл у себя такой стиль, попробуйте.

Код:
/* Убрать в выпадающем списке адресной строки Firefox Suggest */
.urlbarView-row[label="Firefox Suggest"]::before  {
    display: none !important;
}
.urlbarView-row[label="Firefox Suggest"] {
  margin-block-start: 0em !important;
}

Всего записей: 925 | Зарегистр. 26-12-2009 | Отправлено: 05:12 24-11-2024
falcon1598

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

Цитата:
/* Убрать в выпадающем списке адресной строки Firefox Suggest */
.urlbarView-row[label="Firefox Suggest"]::before  {
    display: none !important;
}
.urlbarView-row[label="Firefox Suggest"] {
  margin-block-start: 0em !important;
}  

 
Спасибо большое. Строка Firefox Suggest исчезла.

Всего записей: 507 | Зарегистр. 07-02-2017 | Отправлено: 09:43 24-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette
В панель навигации
   
Код:
/* userChrome.css */
#private-browsing-indicator-with-label,
.private-browsing-indicator{ display: none }
:root[privatebrowsingmode="temporary"] #PanelUI-menu-button{
  list-style-image: url("chrome://global/skin/icons/indicator-private-browsing.svg") !important;
}

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 09:44 25-11-2024 | Исправлено: gutasiho, 10:00 25-11-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
хм... интересно сделано, кнопка-гамбургер становится Зорро Спасибо.

Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 11:56 25-11-2024
falcon1598

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте.
Я установил FF 115.17.0 ESR (у меня Win 7 x64).
Настроил все, как хотел. Интерфейс почти что весь настроен под мои "хотелки".
Спасибо, что помогли мне.
 
Однако, обратил внимание на то, как запускается FF 115.17.0 ESR.
Если первый раз после запуска ПК (у меня нет ССД), то на секунду черный экран, затем прогружается интерфейс браузера. Последующие разы черный экран мелькает буквально на долю секунды при открытии браузера и создании новой вкладки+. На работоспособность не влияет, просто неприятно мне это видеть, задержка действия все же.
Успел "поймать" этот момент при первом запуске браузера.

 
Стал "копать" это дело. Подумал, что вот эти все мои настройки виноваты. На другом харде поставил с нуля FF 115.17.0 ESR и, ничего не настраивая, запустил и сразу увидел, как мелькнул черный экран. Особенно ФФ "не нравится", что я отключаю вот это.

После этого время "задержки" слегка увеличилось. Больше ничего не настраивал, а баг присутствует.
Что это за баг такой мелькает и как его исправить.
Спасибо.

Всего записей: 507 | Зарегистр. 07-02-2017 | Отправлено: 12:19 25-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Smallette
Тащим на панель какую-либо неиспользуемую ненужную кнопку. В 4й строке кода меняем ID гамбургера на ID ненужной кнопки. Гамбургер на месте, Зорро рядом.

 
Добавлено:
falcon1598
В среде пользователей браузера этот эффект называется стробоскоп. Я его давно исправил посредством css и about:config, нет даже и намека, но не берусь делиться опытом, подзабыл нюансы, да и муторно выискивать. В основной теме Firefox на эту тему велось обсуждение.

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 12:26 25-11-2024 | Исправлено: gutasiho, 12:56 25-11-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
У меня тоже есть вопрос про мигания:
кто нибудь пользуется дополнением Sidebery? его панель при запуске мигает разными цветами, у меня например каким то темным, потом коричневым и только потом уже принимает цвет, прописанный в настройках.
Можно с этим что то сделать?

Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 12:54 25-11-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
falcon1598, Код [?]

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 17:59 25-11-2024 | Исправлено: Death_INN, 12:29 26-11-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть код [?] для картинки начальной страницы, но перед открытием браузера/новой вклади "промигивает" цвет (#606E8C). Как-то изменить код возможно, чтобы этого промигивания не было и сразу показывалась картина или есть другой стиль для этого?

Всего записей: 653 | Зарегистр. 04-08-2013 | Отправлено: 18:39 25-11-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
Цитата:
или есть другой стиль для этого?
Есть, для userContent.css, в этой или основной теме точно выложен пару раз. С ним не мигает (может, в совокупности с другими факторами?).

Всего записей: 8408 | Зарегистр. 14-09-2020 | Отправлено: 18:48 25-11-2024
kokoss19

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

Цитата:
или есть другой стиль для этого?

Есть, но не знаю будет ли работать в актуальных версиях FF:

Код:
@-moz-document url(about:home), url(about:newtab), url(about:privatebrowsing) {  
body {
    background-image: url("./image/........") !important;
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}
}


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

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 19:04 25-11-2024
falcon1598

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Код нужно вставлять в файл userChrome.css?

Всего записей: 507 | Зарегистр. 07-02-2017 | Отправлено: 20:50 25-11-2024
kokoss19

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

Цитата:
Код нужно вставлять в файл userChrome.css?

Только:

Код:
#tabbrowser-tabpanels {
  --tabpanel-background-color: red;
}  

остальное в userContent.css

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

Всего записей: 2166 | Зарегистр. 16-07-2018 | Отправлено: 21:21 25-11-2024
Death_INN

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

Код:
:root[privatebrowsingmode="temporary"] .urlbar-input-container::after {
  content: "";
  width: 16px;
  background: no-repeat center/16px url("chrome://global/skin/icons/indicator-private-browsing.svg");
}

 
Sidebery. Разбираться в такой помойке нет желания. Вот момент когда будет проскакивать красный цвет

Код:
@-moz-document regexp("moz-extension:\/\/[a-z0-9-]+\/sidebar\/sidebar\.html") {
  :root {
    background-color: red !important;
  }
}

Всего записей: 3801 | Зарегистр. 24-10-2002 | Отправлено: 23:05 25-11-2024 | Исправлено: Death_INN, 23:49 25-11-2024
nicol51

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как можно уменьшить ширину меню? Firefox 133.
   
Решено.

Всего записей: 814 | Зарегистр. 30-03-2008 | Отправлено: 01:29 26-11-2024 | Исправлено: nicol51, 10:35 26-11-2024
falcon1598

Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Я вставил часть кода в userChrome.css.

Цитата:
#tabbrowser-tabpanels {
  --tabpanel-background-color: red;
}

А остальную часть в userContent.css

Цитата:
@-moz-document url("about:blank") {
  body:empty {
    background: green;
  }
}
@-moz-document url("about:home"), url("about:newtab") {
  body {
    --newtab-background-color: blue;
  }
}

Мигание никуда не исчезло. Только добавился бесячий красный цвет. Стало хуже. Намного хуже!
Неужели нельзя сделать вообще без этого стробоскопа? Как это было, например, в FF 78.15.0.

Всего записей: 507 | Зарегистр. 07-02-2017 | Отправлено: 08:08 26-11-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
за Зорро спасибо.
 
Sidebery красным не мигает, мигает вот этим #333333

Всего записей: 382 | Зарегистр. 01-11-2006 | Отправлено: 08:34 26-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

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