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

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

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

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

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

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xrun1
- да, сработало. Но левой кнопкой либо в самый левый конец перетаскивается, либо вообще никуда. Есть два расширения, связанные с вкладками. Отключил, перегрузил - без разницы.

----------
Василий Великий: «Кто смотрит на зло без отвращения, тот скоро будет смотреть на него с удовольствием».

Всего записей: 5490 | Зарегистр. 13-07-2004 | Отправлено: 16:34 27-10-2023 | Исправлено: AnTul, 16:38 27-10-2023
xrun1



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

Цитата:
При использовании системной темы Firefox использовать акцентный цвет Windows (как Google Chrome) в качестве цвета фона верхних панелей вместо серого цвета
Код:
widget.windows.titlebar-accent.enabled = true

Как-то убого с этой настройкой. Долгое время пользовался стилем, который теперь не работает.

Код:
#main-window:not(:-moz-lwtheme) {
    background-color: rgb(0,209,234) !important; /* цвет фона активного окна */
}
   
#main-window:-moz-window-inactive:not(:-moz-lwtheme) {
    background-color: rgb(215,0,242) !important; /* цвет фона неактивного окна */
}

Работал, хотя и с глюками. Но не менял цвет активной вкладки и цвета свои задавались... Теперь мне придётся менять цвет вкладки. Ещё и свои значки кнопок домой, вперёд/назад слетели, кнопка-бутерброд уползла влево. Всё как обычно: обновление = ковыряние стилей.
P.S. Ещё увеличился интервал между пунктами в меню-бутерброда. Скриншоты;
было стало
Что поправить в стиле?

Код:
#BMB_bookmarksPopup .subviewbutton,
panelview .subviewbutton {
    min-height: 18px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

 
Добавлено:
UPD; Хотел спросить и забыл. Можно реанимировать 1-й стиль, не хочу пользоваться настройкой (надо искать и править стили, муторно)?
 
Добавлено:
AnTul
Брать стиль Aris-t2 для multi-row и на чистом профиле редактировать и проверять.
У меня тоже много чего отвалилось.

Всего записей: 726 | Зарегистр. 26-12-2009 | Отправлено: 17:11 27-10-2023
kokoss19

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

Код:
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
    --arrowpanel-menuitem-padding-block: 2px !important;
}
}

 


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

Всего записей: 2110 | Зарегистр. 16-07-2018 | Отправлено: 18:05 27-10-2023
gutasiho

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

Код:
/* Активный таб - цвет шрифта */
.tabbrowser-tab[selected] {
    color: red !important;
}
 
/* Активный таб - цвет фона */
.tab-background[selected] {
    background-color: transparent !important;
    box-shadow: inset 0px 0px 40px 0px #BFD4EE !important;
}

Цитата:
Всё как обычно: обновление = ковыряние стилей.
Давно не ковырял, в основном все гладко от версии к версии. За цвета панелей решил, что проще подобрать тему оформления, так и сделал. А цвет верт. тулбара меняю под цвет темы.

Всего записей: 6504 | Зарегистр. 14-09-2020 | Отправлено: 18:49 27-10-2023
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
У Aris-t2 в самом конце его userChrome.css есть строка

Цитата:
[!] Create a "my_userChrome.css" file and add own/custom code to it.

У меня в 119 всё, что находится в этом файле импортом не применяется. Вставил напрямую в конец userChrome.css, так заработало.
А вот 1-й стиль из поста выше не заработал даже так. Видимо, прибили такую возможность с новой настройкой.
Непонятно, почему импорт не срабатывает, но хоть так.

Всего записей: 726 | Зарегистр. 26-12-2009 | Отправлено: 18:52 27-10-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Коды в папке CSS, из нее импорт в userChrome.css.

Всего записей: 6504 | Зарегистр. 14-09-2020 | Отправлено: 19:01 27-10-2023
xrun1



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

Цитата:
Коды в папке CSS

Это понятно. Всё работало до 119-й. А тут непонятно почему перестало. Перенёс в userChrome.css.
Нашёл свою ошибку.
Заменил цвет активной вкладки

Код:
/* selected tab ****************************/
#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[selected] .tab-content {
  background: #F0F0F4 !important;
}

Спасибо на наводку, куда копать.

Всего записей: 726 | Зарегистр. 26-12-2009 | Отправлено: 19:16 27-10-2023 | Исправлено: xrun1, 22:29 27-10-2023
Lagris

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

Цитата:
увеличился интервал между пунктами в меню-бутерброда

У меня в 119 такой стиль работает:

Код:
/* Отступ значков в меню "гамбургер", межстрочный интервал */
.subview-subheader,
panelview .toolbarbutton-1,
.subviewbutton:not(#appMenu-fxa-status2),
.widget-overflow-list .toolbarbutton-1 {
  margin: 0px !important;
  padding: 1px !important;
      min-height: 19px !important;
    max-height: 18px !important;
  margin-inline-start: 4px !important;
}
 
 
Но он подгружается менеджером стилей StyloaiX от xiaoxiaoflood. В userChrome.css не пробовал.
 
 
Добавлено:

Цитата:
В userChrome.css не пробовал

Проверил - работает.

Всего записей: 1218 | Зарегистр. 26-08-2007 | Отправлено: 19:38 27-10-2023
kokoss19

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

Цитата:
/* цвет фона неактивного окна */  

Попробуйте так:

Код:
#TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected],[multiselected]) {
    background-color: red;
}

 
Add, или такой вариант:

Код:
#TabsToolbar .tabbrowser-tab > .tab-stack > .tab-background:not([selected],[multiselected]) {
    background-color: red !important;
}
#TabsToolbar .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected],[multiselected]) {
    background-color: blue !important;
}


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

Всего записей: 2110 | Зарегистр. 16-07-2018 | Отправлено: 21:46 27-10-2023 | Исправлено: kokoss19, 21:52 27-10-2023
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
kokoss19
Спасибо, но не сработало. Буду привыкать к новому цвету, а цвет активной вкладки изменил.
Перетащил значок приватного окна в начало табов

Код:
#private-browsing-indicator-with-label {
    order: -1 !important;
    margin-inline: auto !important;
}
#private-browsing-indicator-with-label > label {
    display: none !important;
}

Вроде всё допилил, красота - страшная сила!
P.S. Кто пользуется стилями Aris-t2 обратите внимание, свеженький urlbar_restore_visible_border.css.

Всего записей: 726 | Зарегистр. 26-12-2009 | Отправлено: 22:45 27-10-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
тут вот был скрипт перевода на русский страниц сайта, не знаете ещё вот как-бы убрать верхнюю белую полосу после перевода, чтобы при переводе её не было - а?

Всего записей: 6460 | Зарегистр. 05-06-2012 | Отправлено: 06:57 28-10-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
pangasiys
Можно скрыть пипеткой из uBlock Origin.

Всего записей: 6504 | Зарегистр. 14-09-2020 | Отправлено: 08:38 28-10-2023
gutasiho

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

Цитата:
И можно ли их опустить в самый низ? Чтобы ниже их была уже страница.
Этот скрипт работает так, как кам хочется.

Всего записей: 6504 | Зарегистр. 14-09-2020 | Отправлено: 12:26 28-10-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
у меня нету расширений блокировщиков рекламы СОВСЕМ, и ставить их не  буду НИКОГДА, где-то  видел скрипт есть но вот где - забыл

Всего записей: 6460 | Зарегистр. 05-06-2012 | Отправлено: 12:58 28-10-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Все же настройка цвета через CSS практичнее, чем новая встроенная фича
Код:
/* Цвет фона панелей инструментов (эффект на все 4 верхние панели) */
#navigator-toolbox {
    background-color: #6B8C3D !important;
}
/* Цвет текста панели меню */
.menubar-text, #toolbar-menubar .toolbarbutton-text, .tabbrowser-tab .tab-label {
    color: black !important;
}
/* Цвет текста панели меню при наведении */
#main-menubar menu:hover .menubar-text {
    color: white !important;
}

 
C раздельной настройкой цвета, возможно, будет работать в v115 Оптимально получается, если включить встроенную Light тему.

Всего записей: 6504 | Зарегистр. 14-09-2020 | Отправлено: 16:19 28-10-2023 | Исправлено: gutasiho, 16:20 28-10-2023
DeZz



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
подскажите настройку\строку в user_pref для: "скрыть кнопку Обзор firefox" (слева от влкадок)
 
 

Всего записей: 1167 | Зарегистр. 23-01-2006 | Отправлено: 16:37 28-10-2023 | Исправлено: DeZz, 16:39 28-10-2023
GPT007

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

Цитата:
у меня нету расширений блокировщиков рекламы СОВСЕМ, и ставить их не  буду НИКОГДА

Интересуюсь почему ? Может тоже раз и навсегда откажусь )

Всего записей: 120 | Зарегистр. 04-09-2023 | Отправлено: 16:53 28-10-2023
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
DeZz
Код:
browser.tabs.firefox-view = false

Код:
browser.tabs.firefox-view-next = false
А почему не просто утащить ее с панели инструментов?
GPT007
Цитата:
Интересуюсь почему ?
Для кайфу - так приятно наблюдать кучу мельтешащих попапов и тормоза при открытии страниц.

Всего записей: 6504 | Зарегистр. 14-09-2020 | Отправлено: 18:01 28-10-2023 | Исправлено: gutasiho, 18:09 28-10-2023
xrun1



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

Цитата:
убрать верхнюю белую полосу после перевода

Попробовал в Stylus, вроде работает.

Код:
/* Строка перевода от google сверху */
#gt-nvframe {
    display: none;
}

Всего записей: 726 | Зарегистр. 26-12-2009 | Отправлено: 18:21 28-10-2023
pangasiys



Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GPT007
Цитата:
Интересуюсь почему ? Может тоже раз и навсегда откажусь )
у меня блокировка рекламы происходит с помощью не расширения а поставленного на роутер AdGuardHome, страницы открываются МГНОВЕННО без задержек, попробуй мож тебе тож понравится - хе
 
 
Добавлено:
xrun1
у меня не сработал этот код - хныыык

Всего записей: 6460 | Зарегистр. 05-06-2012 | Отправлено: 18:36 28-10-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

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