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

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

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

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-селекторов элементов интерфейса встроенными средствами браузера

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



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

Всего записей: 694 | Зарегистр. 20-05-2011 | Отправлено: 15:35 05-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BelarusFreedom, если вместо переменной сработает топорный
outline: none !important;
значит какой-то стиль переменную перебивает или что-то еще. Если не интересно выяснить, то на этом можно закончить

Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 16:00 05-12-2024
BelarusFreedom



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN, рамка появилась после обновления на 133-ю. До этого, использовал стиль
 

Код:
#urlbar {
  --toolbar-field-focus-border-color: transparent !important;
}

 
безо всяких проблем. Ничего более не добавлял.
 

Всего записей: 694 | Зарегистр. 20-05-2011 | Отправлено: 18:40 05-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BelarusFreedom, между моим и твоим стилем почти никакой разницы, и в FF133 все пашет. А у тя не знаю, что случилося. Может папка профиля сменилась или параметр toolkit.legacyUserProfileCustomizations.stylesheets в false. Темы еще попереключать, чтобы исключить воздействие операционки

Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 22:22 05-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Вы недавно давали мне такой код
#editBookmarkPanelDoneButton {
  --button-primary-bgcolor: light-dark(red, yellow);
  --button-primary-hover-bgcolor: light-dark(blue, green);  
  --button-primary-active-bgcolor: light-dark(black, white);
}  
Однако в FF132 он не работает, что надо исправить?

Всего записей: 124 | Зарегистр. 20-08-2006 | Отправлено: 12:48 06-12-2024
Death_INN

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

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

Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 13:28 06-12-2024 | Исправлено: Death_INN, 13:28 06-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Отлично, сработало.. А как в FF133 заменить такой код:
    z-index: 5 !important; ?

Всего записей: 124 | Зарегистр. 20-08-2006 | Отправлено: 14:17 06-12-2024 | Исправлено: doud, 14:18 06-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud, z-index никто не отменял. Что именно не пашет?

Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 15:23 06-12-2024
doud



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
 z-index входит в состав горизонтальной панели меню, которая была на "Форуме Mozilla Россия".Там один человек спрашивал, что надо поменять, что-бы она заработала на FF133.Но никто не ответил, поэтому я решил спросить здесь. Вот его сообщение с кодом:
https://forum.mozilla-russia.org/viewtopic.php?pid=811562#p811562

Всего записей: 124 | Зарегистр. 20-08-2006 | Отправлено: 15:55 06-12-2024
AlAvis

Запрет на пост
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud
В 133+ нужно добавлять ко всему остальному
Код:
#navigator-toolbox{z-index: 3 !important;}

Всего записей: 2303 | Зарегистр. 15-07-2013 | Отправлено: 19:12 06-12-2024
doud



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

Всего записей: 124 | Зарегистр. 20-08-2006 | Отправлено: 22:14 06-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud, не вижу в FF133 #titlebar. Заменить на #navigator-toolbox. Далее для #menubar-items установлен z-index со значением 5. Напрашивается повысить z-index родительскому элементу (чтобы TabsToolbar не мешал ховерить) или как-то по другому действовать, но понижать приоритеты не рекомендую. Я в этом не разбираюсь

Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 00:38 07-12-2024 | Исправлено: Death_INN, 00:47 07-12-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
doud
Цитата:
z-index входит в состав горизонтальной панели меню, которая была на  
У Aris-t2 (ссылка в шапке) есть горизонтальная панель инструментов (расширений), может отображаться ниже панели закладок или внизу окна, где статус-бар.

Всего записей: 8146 | Зарегистр. 14-09-2020 | Отправлено: 09:12 07-12-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Изменить фон закладок и меню приложений (оба по умолчанию #FFFFFF)? Контекстное меню по умолчанию #F9F9FB. Вот и хотелось бы везде одинаковый #F9F9FB. Есть для МП такой "код". Но возможно есть вариант сделать единый.

Всего записей: 638 | Зарегистр. 04-08-2013 | Отправлено: 14:31 07-12-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik
Код:
/* цвет фона контекстного меню */
menupopup {
    --panel-background: #99ff99 !important;        /* цвет фона */
    --panel-border-color: red !important;        /* цвет границы (none - граница не видна) */
}
/* цвет фона меню Hamburger */
#appMenu-popup {
    --arrowpanel-background: #99ff99 !important;
    --arrowpanel-border-color: red !important;
}

Всего записей: 8146 | Зарегистр. 14-09-2020 | Отправлено: 15:54 07-12-2024
Death_INN

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

Код:
#navigator-toolbox, #mainPopupSet {
  --arrowpanel-background: light-dark(yellow, green);
}
menupopup:not(.in-menulist) {
  --panel-background: light-dark(gray, black) !important;
}

Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 17:48 07-12-2024 | Исправлено: Death_INN, 17:55 07-12-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, спасибо. Код фона гамбургера у меня был (в сообщении указан), ранее у Вас и брал. Код фона контекстного меню влияет сразу на два стиля ("первый", "второй"). Чтобы этого избежать можно загнать его в самый низ userChrome.css.
Death_INN, спасибо. Оба работают. Если правильно понял, "верхний" изменяет фон закладок, "нижний" закладки и контекстное меню. Забрал всё и у всех), но использовать буду верхний. Добавил в него цвет и закругление границ. Проверьте, пожалуйста, всё верно ("код"), нужен ли там !important, работает с ним и без него, но возможно вылезет в будущем.

Всего записей: 638 | Зарегистр. 04-08-2013 | Отправлено: 18:33 07-12-2024 | Исправлено: deannik, 18:37 07-12-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, верхний меняет фон меню закладок, гамбургера, некоторых тулбар кнопок.
Не нужен там !important. Вылезет в будущем - не поможет. Так что этот код становится лишним

Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 22:38 07-12-2024 | Исправлено: Death_INN, 22:44 07-12-2024
Frank_Sinatra



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Общий привет, парни! В 128 ESR не хочет работать такой код. Он же в 115 ESR пашет без проблем.

Код:
/*Желтый фон активных вкладок*/
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme {
   background: yellow !important;
}
 
.tabbrowser-tab:is([selected], [multiselected]):-moz-lwtheme {
   color: black !important;
}

toolkit.legacyUserProfileCustomizations.stylesheets - true
Помогите запустить!

Всего записей: 970 | Зарегистр. 02-08-2005 | Отправлено: 23:32 07-12-2024
Death_INN

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

Код:
:root[lwtheme] #tabbrowser-tabs {
  --tab-selected-textcolor: black;
  &:not([movingtab]) {
    --tab-selected-bgcolor: yellow;
  }
}


Всего записей: 3695 | Зарегистр. 24-10-2002 | Отправлено: 00:22 08-12-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

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