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

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

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

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

Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 12:25 02-04-2025
grom17



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
gutasiho,
Цитата:
Может, логичнее убрать твой значок?

...ну-у это совсем просто, но мы же не ищем лёгких путей.
 
Death_INN,
Цитата:
во что обернут твой код для значка, который дает добро в 136 и зло в 137?

Кто же знает что они там опять наделают. Зато будет над чем "поработать".

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 12:50 02-04-2025
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Версия 137. Пропал выбор элемента в контекстном меню. Проблема в стиле [?] Если его отключить, выбор возвращается. Возможно важно стиль полностью [?] Первая часть отключена т.к. изменение цвета пока не нужно. Помогите исправить.

Всего записей: 652 | Зарегистр. 04-08-2013 | Отправлено: 09:43 04-04-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
Нужно изменить цвет фона и закругление конт. меню?

Всего записей: 8387 | Зарегистр. 14-09-2020 | Отправлено: 10:06 04-04-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, задай явно, без переменных, хотя для начала можно попробовать везде в стилях заменить
--panel-item-hover-bgcolor
на
--button-background-color-ghost-hover

Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 10:13 04-04-2025 | Исправлено: Death_INN, 10:35 04-04-2025
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
Нужно изменить цвет фона и закругление конт. меню?
Нет, только вернуть полосу выбора и возможность закругления этой полосы.
Death_INN
Цитата:
задай явно, без переменных  
Я не знаю как это сделать.

Всего записей: 652 | Зарегистр. 04-08-2013 | Отправлено: 10:33 04-04-2025 | Исправлено: deannik, 10:34 04-04-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, выложи весь css файл, тогда будет ясно. Я-то сам не мало изменений внес в 137

Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 10:41 04-04-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik возможность закругления этой полосы [?]

Всего записей: 8387 | Зарегистр. 14-09-2020 | Отправлено: 11:02 04-04-2025
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho
Цитата:
возможность закругления этой полосы [?]
Спасибо. Забрал как вариант.
Death_INN
Цитата:
выложи весь css файл, тогда будет ясно. Я-то сам не мало изменений внес в 137
userChrome.7z

Всего записей: 652 | Зарегистр. 04-08-2013 | Отправлено: 14:20 04-04-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, про замену [?] писал, а закругление и так пашет, увеличь значение с 2px до 12px, чтобы убедиться

Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 14:58 04-04-2025
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, извиняюсь, совсем не заметил, что Вы дополнили своё сообщение [?]. С заменой всё работает, как прежде. Спасибо большое.

Всего записей: 652 | Зарегистр. 04-08-2013 | Отправлено: 17:22 04-04-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
На что еще обратить внимание по стилям в FF137. Про похороны -moz-bool-pref уже говорено, про замену --panel-item-hover-bgcolor тоже. И вот этот код больше не нужен

Код:
#tabbrowser-tabs[orient="horizontal"] .tabbrowser-tab:is([muted], [soundplaying], [activemedia-blocked]):not([pinned]) {
  --tab-min-width: unset !important;
}

Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 21:45 04-04-2025
grom17



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

Код:
/* Делает кнопки контекстной навигации как обычные текстовые пункты меню */
 
#context-navigation { flex-direction: column !important; }
 
@media -moz-pref("firefoxgx.icon.disabled") { /* Спасибо Death_INN за подсказку */
     
    #context-navigation > menuitem > .menu-iconic-left { display: none !important; }
     
    #context-navigation > menuitem {
        appearance: none !important;
        padding-block: 0.4em !important;
        padding-inline-start: 1em !important;
        justify-content: flex-start !important;
        -moz-box-pack: start !important;
        width: auto !important;
        border-radius: 0px !important;
    }
}
 
#context-navigation > .menuitem-iconic {
    flex: 1 !important;
    justify-content: flex-start !important;
    align-items: center !important;
    padding-inline-start: 4px !important;    /* Отступ меню вправо-влево */
    margin: -4px !important;                     /* Междустроковый интевал */
}
 
#context-navigation > menuitem::after {
    content: attr(aria-label);
}

То, что опубликовано на Ссылка [?] почему-то не работает.

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 22:09 04-04-2025 | Исправлено: grom17, 01:30 05-04-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17
@media -moz-pref("firefoxgx.icon.disabled") {

Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 22:21 04-04-2025
grom17



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

Всего записей: 1550 | Зарегистр. 12-10-2002 | Отправлено: 22:53 04-04-2025
gutasiho

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

Всего записей: 8387 | Зарегистр. 14-09-2020 | Отправлено: 08:37 06-04-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
v128esr на Win11, невозможно изменить высоту (height) таба через css, хотя на Win10 это делается без проблем. Даже копирование профиля Firefox из Win10 в Win11 не помогает.

Всего записей: 8387 | Зарегистр. 14-09-2020 | Отправлено: 17:23 07-04-2025
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, думаю можно, но у меня нет win11, чтобы проверить

Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 17:32 07-04-2025
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Если опубликуешь, я проверю, это не проблема.
В процессе изысканий выяснил, что высоту таба нельзя сделать меньше 42px (измерял пиксельной линейкой, а нужно 36, 32px), а вот увеличить можно дофига. На чистом профиле то же самое.

Всего записей: 8387 | Зарегистр. 14-09-2020 | Отправлено: 18:38 07-04-2025
Death_INN

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

Цитата:
измерял пиксельной линейкой

А без линейки сколько? В инструментах разраба посмотри высоту TabsToolbar. У меня 32px

Всего записей: 3794 | Зарегистр. 24-10-2002 | Отправлено: 19:10 07-04-2025
Открыть новую тему     Написать ответ в эту тему

Страницы: 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