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

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

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

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

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

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

Всего записей: 3100 | Зарегистр. 24-10-2002 | Отправлено: 16:05 22-02-2024
Maxim_um

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, большое спасибо, разобрался.
У меня было открыто более 65 вкладок, потому плюсик не появлялся, но если открыть "новое окно", где вкладок нет, там оба плюса были на месте (сдева - новый, который нельзя переместить, справа - обычный, который можно переместить), правда настроить в новом окне панель инструментов невозможно, потому пришлось все вкладки сохранить в закладки и настроить всё из основного окна.
 
Из старых настроек есть код
Код:
#identity-box {
  padding-inline-end: 4px ;
  margin-inline-end: 4px ;
}
но я не могу понять, где и что он меняет и, соотв., нужен ли он.

Всего записей: 1432 | Зарегистр. 11-11-2008 | Отправлено: 16:54 22-02-2024 | Исправлено: Maxim_um, 16:54 22-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В таких случаях менял обе иконки на свою (две одинаковых, но с разными именами, как у оригиналов), которая одинаково контрастно видна в обеих темах.
 
Добавлено:
Maxim_um
По очереди измени цифры с 4 на 16 или 20, и поймешь, что это (типа сдвиг вправо-влево). Или удали весь блок и проверь эффект.

Всего записей: 6537 | Зарегистр. 14-09-2020 | Отправлено: 16:55 22-02-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Maxim_um, промежуток между крайним левым положением курсора и иконкой (блоком) в адресной панели. Я бы удалил этот код

Всего записей: 3100 | Зарегистр. 24-10-2002 | Отправлено: 17:21 22-02-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
kokoss19
Ссылка на ваш пост, но что-то у меня не работает.
Может как-то по другому можно это сделать?

Всего записей: 1310 | Зарегистр. 12-10-2002 | Отправлено: 17:44 22-02-2024 | Исправлено: grom17, 17:46 22-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
Код точно рабочий. Не туда вставляете, не там смотрите, с чем-то конфликтует.

Всего записей: 6537 | Зарегистр. 14-09-2020 | Отправлено: 18:29 22-02-2024
kokoss19

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

Цитата:
Может как-то по другому можно это сделать?

Можно использовать без !important
а этот код тоже не работает? Если нет, то я вас не правильно понял.

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

Всего записей: 2110 | Зарегистр. 16-07-2018 | Отправлено: 18:58 22-02-2024
grom17



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

Цитата:
а этот код тоже не работает?
К сожалению у меня не сработал.
 

А так, (по удалял методом тыка) по крайней мере, у меня работает.
Код:
@-moz-document url-prefix("chrome:"), url-prefix("about:") {
/* меню --> */
:root {
    --v-menupopup-item-min-height: 24px;
    --v-menupopup-item-padding-inline: 8px;
    --v-menupopup-text-inline-start: 4px;
    --v-menupopup-icon-fill-opacity: 1;
    --v-arrowpanel-color: var(--menu-color, var(--arrowpanel-color, FieldText));
    --v-arrowpanel-background: var(--menu-background-color, var(--arrowpanel-background, Field));
    --v-arrowpanel-border-color: var(--menu-border-color, var(--arrowpanel-border-color, ThreeDShadow));
    --v-panel-separator-color: var(--menu-border-color, var(--panel-separator-color, ThreeDShadow));
    --v-arrowpanel-dimmed: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed, color-mix(in srgb, currentColor 20%, transparent)));
    --v-arrowpanel-dimmed-further: var(--menuitem-hover-background-color, var(--arrowpanel-dimmed-further, color-mix(in srgb, currentColor 10%, transparent)));
}
 
menupopup :is(menu,menuitem,menucaption) {
    appearance: none !important;
    min-height: var(--v-menupopup-item-min-height) !important;
    padding: 0px var(--v-menupopup-item-padding-inline) !important;
}
menupopup .menu-text {
    appearance: none !important;
    padding-inline-start: var(--v-menupopup-text-inline-start) !important;
    margin-inline-start: 16px !important;
menupopup .menu-iconic-left > .menu-iconic-icon,
menupopup .menu-right > image {
    width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
}
:where(:not(#ContentSelectDropdown)) > menupopup :is(menu,menuitem,menucaption) {
    color: var(--v-arrowpanel-color) !important;
}
/* <-- меню */
}

gutasiho

Цитата:
Не туда вставляете, не там смотрите, с чем-то конфликтует.
Возможно, покопаюсь ещё.
Вставляю сюда: side_panel там всё касаемо Боковой панели.
 
Добавлено:
Как-то так:

Всего записей: 1310 | Зарегистр. 12-10-2002 | Отправлено: 20:16 22-02-2024 | Исправлено: grom17, 20:21 22-02-2024
kokoss19

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

Цитата:
К сожалению у меня не сработал.  

Значит неправильно понял.  

Цитата:
Вставляю сюда: side_panel там всё касаемо Боковой панели.  

Этот код не для боковой панели, а для панели меню. Для боковой в виде скрипта

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

Всего записей: 2110 | Зарегистр. 16-07-2018 | Отправлено: 20:43 22-02-2024
grom17



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

Цитата:
Этот код не для боковой панели, а для панели меню.

Извиняюсь, моя невнимательность. Всё получилось! Спасибо!

Всего записей: 1310 | Зарегистр. 12-10-2002 | Отправлено: 21:11 22-02-2024
kokoss19

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

Цитата:
Редактирование значков (убрать - добавить лупу

Может так:

Код:
#urlbar:not(.searchButton) > #urlbar-input-container > #identity-box[pageproxystate="invalid"] #identity-icon {
    list-style-image: url("chrome://branding/content/about-logo.svg") !important;
}

 
add, или такую иконку -> ("chrome://global/skin/icons/defaultFavicon.svg")

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

Всего записей: 2110 | Зарегистр. 16-07-2018 | Отправлено: 21:35 22-02-2024 | Исправлено: kokoss19, 22:18 22-02-2024
sam_yura



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
После обновления до Firefox 123.0 перестал работать этот скрипт:
 
 

Код:
/*Удаление статус панели */
 
#statuspanel-label {
  -moz-appearance: none !important;
  -moz-window-shadow: none !important;
  background: #00000094 !important;
  color: #ffffff !important;
  opacity: 0.90 !important;
}
 
statuspanel[type="overLink"],
#statuspanel[type="overLink"] {
  right: 0;
  display: inline;
}
 
.tab-label::before {
  counter-increment: tab-counter;
  content: counter(tab-counter) " - ";
}
 

Всего записей: 78 | Зарегистр. 19-10-2006 | Отправлено: 01:12 23-02-2024 | Исправлено: sam_yura, 01:28 23-02-2024
xrun1



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
sam_yura
Для удаления/изменения статус-панели достаточно этого. И это работает (statuspanel[type=status] убрал у себя, пусть при загрузке сайта "моргает").
Что делают остальные пункты в Вашем стиле я без понятия.

Всего записей: 733 | Зарегистр. 26-12-2009 | Отправлено: 02:20 23-02-2024 | Исправлено: xrun1, 02:22 23-02-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
sam_yura, это не скрипт, а стили. Никакого удаления статус панели в коде не вижу. Каким боком здесь счетчик?

Всего записей: 3100 | Зарегистр. 24-10-2002 | Отправлено: 02:38 23-02-2024
sam_yura



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

Цитата:
это не скрипт, а стили. Никакого удаления статус панели в коде не вижу. Каким боком здесь счетчик?  

Уж не помню, откуда выдрал этот стиль, но он работал.

Цитата:
Для удаления/изменения статус-панели достаточно этого. И это работает (statuspanel[type=status] убрал у себя, пусть при загрузке сайта "моргает").

Увы, к сожалению, не работает

Всего записей: 78 | Зарегистр. 19-10-2006 | Отправлено: 07:56 23-02-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
sam_yura
Цитата:
Увы, к сожалению, не работает
Давно на всех версиях использую это
Код:
#statuspanel[type=status], #statuspanel[type=overLink] {
    display: none !important;
    font-size: 0px !important;
    transition: none !important;
    opacity: 0 !important;
}

Всего записей: 6537 | Зарегистр. 14-09-2020 | Отправлено: 08:31 23-02-2024
sam_yura



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

Код:
/* Убрать всплывающий адрес ссылки слева внизу */
#statuspanel-label {
    display: none !important;
}
 
Этот заработал! Всем спасибо за наводку.
Всех мужиков с 23 февраля!
 
Добавлено:
gutasiho
Убрал все свои каракули, поставил твой стиль, всё полностью устраивает. Спасибо.

Всего записей: 78 | Зарегистр. 19-10-2006 | Отправлено: 08:35 23-02-2024
Smallette

Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
автору писали уже на гитхабе об этой проблеме и не раз еще в 2021 году, но он заболтил на это дело, валит все на проблемы в самом ФФ.
причем у него в расширении лежит светлая иконка, но переключение не происходит.

Всего записей: 291 | Зарегистр. 01-11-2006 | Отправлено: 09:57 23-02-2024
Farby

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
  • Smallette (15:25 22-02-2024 UTC+3)
    Цитата:
    Вот так не работает

    А если вот так: для UUID 7f9fd5ee-aa3a-41f6-99d2-23f56742f81f
    Undo Close Tab.css

    ----------
    Жизнь иногда такое выкидывает, что хочется подобрать...

  • Всего записей: 771 | Зарегистр. 22-10-2002 | Отправлено: 10:43 23-02-2024
    gutasiho

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

    Всего записей: 6537 | Зарегистр. 14-09-2020 | Отправлено: 11:16 23-02-2024 | Исправлено: gutasiho, 13:47 23-02-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

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