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

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в 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 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161

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

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 | MrOtherGuy/firefox-csshacks (known as MOG) | VicDobrov UCF-скрипты


Просьба публикуемые коды заключать в тэг [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\ v136+: отключить CSP (Content Security Policy - Политика безопасности контента), снижает безопасность!:
Код:
security.browser_xhtml_csp.enabled = false
3\ v139+: если некоторые скрипты JS не работают, можете сделать так, снижает безопасность!:
Код:
security.allow_unsafe_dangerous_privileged_evil_eval = true  

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

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



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

Цитата:
Кинул бы лучше на upload.ee
Кинул на "upload.ee".
 
"Работа" сделана, всем спасибо!
Всё оказалось гораздо проще чем я думал: ширина панели в обычном режиме, ну, скажем 250px, а на полном экране 0px.
Как по мне выглядит изумительно. При желании можно просто изменить параметр, что бы в полноэкранном режиме выдвигалась.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 20:27 26-05-2024 | Исправлено: grom17, 21:42 26-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, в полноэкранке должна выдвигаться при наведении мыши. Код давал, все пашет, тестил. Мне-то такая хрень не нужна, ибо не юзаю боковуху и то, что ниже щас напишу - тоже
А для чего кинул файл, если уже сделал и тебя устраивает куча иконок в профиле? Я бы конвертул до 134х30 и глобально подменил стилем файл firefox-wordmark.svg, а увеличение размера через трансформ, т.к. внутри svg не path, а data:image

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 22:44 26-05-2024
grom17



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

Цитата:
в полноэкранке должна выдвигаться при наведении мыши. Код давал, все пашет, тестил.

Да, благодарю! Я потестил эти ссылки, рабочие. Я наверное не корректно объяснил, мне в полноэкранке наоборот не нужно что бы выдвигалось.
 
Добавлено:

Цитата:
Я бы конвертул до 134х30 и глобально подменил стилем файл
Да это всё понятно, я для себя, так сказать потестить. Будет желание и время, займусь.

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 23:00 26-05-2024 | Исправлено: grom17, 23:01 26-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Оставлю здеся код, может когда и пригодится. Тест в FF126
 
Автоскрытие боковой панели (auto-hide sidebar)
 
код

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 00:11 27-05-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброго всем!
При открытии новой вкладки на URL панели есть ободок определённого цвета, как этот ободок перекрасить?

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 12:25 29-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, если речь о фокусе, то можно так по простому (без учета аттрибута suppress-focus-border)

Код:
#urlbar-background, #searchbar {
    --toolbar-field-focus-border-color: red;
}

 
Я тута давеча попробовал в FF126 увеличить масштаб на этом форуме

Код:
@-moz-document domain("forum.ru-board.com") {
:root {
    zoom: 140%;
}
}

 
Можно стилями же уменьшить картинки. В итоге вроде все ок, однако при наведении мыши на панель тегов, она уезжает вниз экрана. Так что коряво как-то этот zoom пашет

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 13:44 29-05-2024 | Исправлено: Death_INN, 14:15 29-05-2024
grom17



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

Нет, немного не так. Имелось ввиду:
Цитата:
При открытии новой вкладки

Применил этот код, вроде неплохо работает.
Код:
/* Цвет бордюра URL панели при открытии новой вкладки */
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background,
#searchbar:focus-within {
  outline: none !important;
  border-color: #75747a !important;
  box-shadow: none !important;
}
 

 
 

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 16:51 29-05-2024 | Исправлено: grom17, 16:52 29-05-2024
lllrruuwpzmqqappvmv

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите, можно ли убрать стилем пункт в меню Инструменты "Обзор Firefox"
параметр browser.tabs.firefox-view в  false - уже не срабатывает.

Всего записей: 42 | Зарегистр. 21-09-2012 | Отправлено: 19:21 29-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
lllrruuwpzmqqappvmv, можно, но кнопка до сих пор съемная и проще ее выгнать на кастомную панель

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 23:04 29-05-2024
lllrruuwpzmqqappvmv

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

Цитата:
и проще ее выгнать на кастомную панель

от кнопки как раз избавился, удалил ее один раз и уже файл "places.sqlite" с изменениями всегда храню для нового профиля, а вот в самих настройках лишний пункт, убрал все лишнее (стили от simpleMenuWizard) а вот этот пункт не получается убрать(

Всего записей: 42 | Зарегистр. 21-09-2012 | Отправлено: 00:12 30-05-2024 | Исправлено: lllrruuwpzmqqappvmv, 00:28 30-05-2024
Death_INN

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

Код:
#menu_openFirefoxView {
    display: none;
}

В FF123 убрали из манифеста browser.tabs.firefox-view и настройки перестали пахать, т.е. состояния firefoxviewhidden не наступает. Либо баг, либо хотят убрать настройки, но просто забыли, как и стили.

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 00:37 30-05-2024 | Исправлено: Death_INN, 00:45 30-05-2024
lllrruuwpzmqqappvmv

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

Цитата:
А в обычном все просто

Спасибо! Ваш код помог скрыть)

Всего записей: 42 | Зарегистр. 21-09-2012 | Отправлено: 00:55 30-05-2024
grom17



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

Цитата:
Применил этот код, вроде неплохо работает.

Код:
/* Цвет бордюра URL панели при открытии новой вкладки */
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background,
#searchbar:focus-within {
  outline: none !important;
  border-color: #75747a !important;
  box-shadow: none !important;
}

... но заметил один косяк, бордюр search панели (при выделении) не окрашивается в цвет бордюра выпадающего меню. И никак не могу это исправить.
 

 
Может кто знает как решить эту задачу?

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 09:33 30-05-2024 | Исправлено: grom17, 13:40 30-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, ну так добавь обязательно после своего кода этот. Можешь попробовать до и увидишь разницу

Код:
#searchbar:focus-within {
    border-color: red !important;
}

Если хочешь, чтобы мой код работал независимо от местоположения, то добавь специфичность селектору, либо вообще задавай цвета отдельно для урла и поиска

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 13:52 30-05-2024 | Исправлено: Death_INN, 13:53 30-05-2024
xrun1



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

Код:
#PopupSearchAutoComplete {
    --panel-border-color: #75747a !important;
}

Всего записей: 1024 | Зарегистр. 26-12-2009 | Отправлено: 13:56 30-05-2024
lllrruuwpzmqqappvmv

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Подскажите пожалуйста, еще можно скрыть нижние два пункта, при открытии ПКМ папок/закладок при их редактировании - само контекстное меню: в старых версиях этих пунктов небыло.
"Панель закладок -> " (желательно и его скрыть)
"Отображать другие закладки" (совсем никчему это, еще и неактивно. В самом меню заголовке - Закладки пункт этот скрыл, Подробнее... а тут незнаю как)

Всего записей: 42 | Зарегистр. 21-09-2012 | Отправлено: 14:06 30-05-2024 | Исправлено: lllrruuwpzmqqappvmv, 14:28 30-05-2024
grom17



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

Код:
#searchbar:focus-within {
    border-color: red !important;
}
Код рабочий! Только разницы не увидел (что сверху - что снизу), но тем не менее это что, что мне нужно.
xrun1

Цитата:
Попробуйте добавить код

Код:
#PopupSearchAutoComplete {
    --panel-border-color: #75747a !important;
}

К сожалению код почему то у меня не сработал. Не факт что не рабочий, у меня в стилях, как выше выразился один из коллег, "каша", с чем я полностью согласен. Наведу порядок и опробую ваш код.
Спасибо всем кто откликнулся, вопрос решен!

Всего записей: 1634 | Зарегистр. 12-10-2002 | Отправлено: 15:09 30-05-2024 | Исправлено: grom17, 16:07 30-05-2024
Starback



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
lllrruuwpzmqqappvmv 14:06 30-05-2024 UTC+3
Цитата:
Подскажите пожалуйста, еще можно скрыть нижние два пункта, при открытии ПКМ папок/закладок при их редактировании

lllrruuwpzmqqappvmv, заготовка стиля у Вас есть. Вам нужно всего-то
определить селекторы пунктов меню, которые хотите скрыть.
Как это сделать, можно посмотреть здеся - https://forum.mozilla-russia.org/viewtopic.php?pid=758758#p758758
 
Ссылку на мануальчик можно занести в шапку топика

Всего записей: 1156 | Зарегистр. 17-09-2010 | Отправлено: 15:14 30-05-2024
lllrruuwpzmqqappvmv

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

Цитата:
Вам нужно всего-то
определить селекторы пунктов меню, которые хотите скрыть.

Большое Вам спасибо! Всё получилось)))
Дополнено: правда пункт Панель закладок все-таки пришлось оставить, т.к. код #toggle_PersonalToolbar - полностью удаляет все пункты в т.ч. и из настройки панели инструментов.  

Всего записей: 42 | Зарегистр. 21-09-2012 | Отправлено: 16:28 30-05-2024 | Исправлено: lllrruuwpzmqqappvmv, 16:42 30-05-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
lllrruuwpzmqqappvmv, так сузь область действия
menupopup#placesContext > #toggle_PersonalToolbar

Всего записей: 4003 | Зарегистр. 24-10-2002 | Отправлено: 18:49 30-05-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 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161

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