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

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

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

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
Мануал по определению CSS-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 6743 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: Starback, 17:19 15-06-2024
grom17



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

Цитата:
Кинул бы лучше на upload.ee
Кинул на "upload.ee".
 
"Работа" сделана, всем спасибо!
Всё оказалось гораздо проще чем я думал: ширина панели в обычном режиме, ну, скажем 250px, а на полном экране 0px.
Как по мне выглядит изумительно. При желании можно просто изменить параметр, что бы в полноэкранном режиме выдвигалась.
Всего записей: 1345 | Зарегистр. 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
Всего записей: 3181 | Зарегистр. 24-10-2002 | Отправлено: 22:44 26-05-2024
grom17



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

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

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

Цитата:
Я бы конвертул до 134х30 и глобально подменил стилем файл
Да это всё понятно, я для себя, так сказать потестить. Будет желание и время, займусь.
Всего записей: 1345 | Зарегистр. 12-10-2002 | Отправлено: 23:00 26-05-2024 | Исправлено: grom17, 23:01 26-05-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Оставлю здеся код, может когда и пригодится. Тест в FF126
 
Автоскрытие боковой панели (auto-hide sidebar)
 
код
Всего записей: 3181 | Зарегистр. 24-10-2002 | Отправлено: 00:11 27-05-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Доброго всем!
При открытии новой вкладки на URL панели есть ободок определённого цвета, как этот ободок перекрасить?
Всего записей: 1345 | Зарегистр. 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 пашет
Всего записей: 3181 | Зарегистр. 24-10-2002 | Отправлено: 13:44 29-05-2024 | Исправлено: Death_INN, 14:15 29-05-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
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;
}
 

 
 
Всего записей: 1345 | Зарегистр. 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, можно, но кнопка до сих пор съемная и проще ее выгнать на кастомную панель
Всего записей: 3181 | Зарегистр. 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 не наступает. Либо баг, либо хотят убрать настройки, но просто забыли, как и стили.
Всего записей: 3181 | Зарегистр. 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		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору

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

Код:
/* Цвет бордюра 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 панели (при выделении) не окрашивается в цвет бордюра выпадающего меню. И никак не могу это исправить.
 

 
Может кто знает как решить эту задачу?
Всего записей: 1345 | Зарегистр. 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;
}

Если хочешь, чтобы мой код работал независимо от местоположения, то добавь специфичность селектору, либо вообще задавай цвета отдельно для урла и поиска
Всего записей: 3181 | Зарегистр. 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;
}
Всего записей: 753 | Зарегистр. 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		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Death_INN
Цитата:
ну так добавь обязательно после своего кода этот

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

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

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

К сожалению код почему то у меня не сработал. Не факт что не рабочий, у меня в стилях, как выше выразился один из коллег, "каша", с чем я полностью согласен. Наведу порядок и опробую ваш код.
Спасибо всем кто откликнулся, вопрос решен!
Всего записей: 1345 | Зарегистр. 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
 
Ссылку на мануальчик можно занести в шапку топика
Всего записей: 1016 | Зарегистр. 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
Всего записей: 3181 | Зарегистр. 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

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