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

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

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

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

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



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

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 21:07 18-07-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
И снова здравствуйте! Хочу вернуться к своему вопросу, на который я так и не нашёл ответа:
Как убрать контур URL панели при старте FF

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 16:19 20-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, контур стилями убирается либо почти везде, либо почти нигде. Так что только скриптом. Да и при старте сабжа у каждого свое открывается: пустая вкладка, домашняя, последняя сохраненная и т.д.

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 19:49 20-07-2024 | Исправлено: Death_INN, 19:49 20-07-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Извиняюсь, не уточнил, у меня всегда домашняя. Дело в том что в предыдущей версии стилем настроено было так: при открытии FF или новой
вкладки (дом. страницы) никакой окантовки не было, появлялась только при наведении на неё. Но в последней версии перестало работать.
 
Добавлено:

Цитата:
убирается либо почти везде
у меня это работало на URL и SEARCH панелях одновременно, но когда наводишь курсор
на одну из панелей, она (окантовка) появлялась. Грустно расставаться с тем что так хорошо работало.
 
Добавлено:
В общем то всё просто: запускаем Firefox и... опа... URL панель с окантовкой. Как убрать не знаю и в сети не видел информации.
Мне кажется что это не так сложно, но у меня знаний маловато.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 20:39 20-07-2024 | Исправлено: grom17, 20:48 20-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17 ну не знаю, в FF127 по умолчанию при старте или открытии новой вкладки фокус устанавливается на адресную строку и она окантовывается. Если фокус убрать с адресной строки, то при наведении на нее никакой окантовки нет.
Где же тот чудо стиль, который пахал в 127, но не пашет в 128?

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 20:54 20-07-2024
grom17



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

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

Это часть кода: при наведении появляется окантовка, тот который бал в предыдущей версии я не нашёл (найду выложу) если не удалил.
 
Добавлено:
Вот здесь окантовок нет https://github.com/Godiesc/firefox-gx
Попробую покопаться может что получится.
 
Добавлено:
Вот нашёл, что-то типа этого.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 21:07 20-07-2024 | Исправлено: grom17, 21:08 20-07-2024
Death_INN

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

Цитата:
Это часть кода

Должно работать в FF128.  !important здесь не нужен. Я так и не понял, что хочешь получить. При наведении мыши нужна окантовка, а после клика?

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



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

Цитата:
что хочешь получить.

Хочу что-бы не было контура при открытии домашней страницы, но при наведении мышкой контур появлялся, нужного мне цвета.

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 22:04 20-07-2024 | Исправлено: grom17, 22:10 20-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, при клике мышью по url бару или нажатии F6 или при путешествии клавишей Tab нужна окантовка или нет?

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 22:09 20-07-2024 | Исправлено: Death_INN, 22:11 20-07-2024
grom17



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

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 22:11 20-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, можно схитрить и не трогать outline, т.к. цвет его совпадает с бордюрным для не контрастных тем, а то есть любители none ставить. Пробуй для теста только с этим кодом, а то может вкупе с твоими стилями не будет пахать

Код:
#urlbar, #searchbar {
  --toolbar-field-border-color: var(--toolbar-bgcolor);
  --toolbar-field-focus-border-color: transparent;
  --arrowpanel-border-color: var(--toolbar-field-focus-border-color);
  --toolbarbutton-border-radius: 0;
  --focus-outline-inset: -1px;
  &:hover {
    --toolbar-field-border-color: green;  
  }
}

 
Добавлено:
gutasiho, попробуй для трубы такой код для паузы

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 22:30 20-07-2024 | Исправлено: Death_INN, 22:43 20-07-2024
grom17



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

Цитата:
 Пробуй для теста только с этим кодом

О! То что нужно! Вот бы ещё сделать что-бы при наведении на URL панель появлялась обводка так же как на SEARCH панели при открытии новой вкладки. А так всё супер!

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 22:55 20-07-2024 | Исправлено: grom17, 00:17 21-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, это нужно снять фокус с адресной строки при старте сабжа и при открытии новой вкладки и повесить его на контекстное меню. Только скриптом, например, для config.js. Для домашней страницы потребуется добавить пару обсерверов. При старте сабжа "browser-open-homepage-start", для плюса "browser-open-newtab-start". Я то не шарю в этом, спроси кто разбирается в скриптах. Что-то типа такого надо, чтобы при старте сабжа фокус убрать

Код:
try {
  let {BrowserWindowTracker} = ChromeUtils.importESModule("resource:///modules/BrowserWindowTracker.sys.mjs");
  Services.obs.addObserver((event) => {
    BrowserWindowTracker.getTopWindow().gBrowser.selectedBrowser.focus();
  }, "browser-open-homepage-start");
} catch(e) {Cu.reportError(e)};


Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 02:53 21-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
попробуй для трубы такой код для паузы  
Супер, очень хорошо, наглядно и удобно.
   
Теперь просто просится отображение кнопки Play, когда видео поставлено на Pause. Как я писал в первом посту, кнопка Play отображается только один раз, при первом открытии страницы с видео. Если это не так сложно, то я прошу. Еще у Pause тултип сменить бы с Play на Pause, но это необъязательно.

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 08:25 21-07-2024
Death_INN

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

Цитата:
Теперь просто просится отображение кнопки Play

код
 

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 12:22 21-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Очень хорошо, обе кнопки красота, юзабельны и дружелюбны. Спс!

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 14:57 21-07-2024
Death_INN

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
gutasiho, а мне чета не очень поравилось. Переделал:
 
1) добавил #movie_player, чтобы исключить, например, shots видео, там свои кнопки
2) buffering-mode появляется только при воспроизведении, поэтому убрал с режима паузы
3) снял обработчики с кнопки, кроме режима unstarted-mode, заодно и проблема с тултипом решилась, ибо он не нужен
4) перевел отруб с ytp-bezel-text-hide на ytp-bezel-icon, чтобы оставить вспышку круга
 
код

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 18:46 22-07-2024
vinnie1

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как стилем сделать кнопку закрвтия вкладки сделать красной, а крестик жирным?

Всего записей: 40 | Зарегистр. 05-12-2007 | Отправлено: 21:56 22-07-2024
gutasiho

Gold Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vinnie1
В коде здесь первую циферку 16px; увеличьте вплоть до 30, это размер кнопки.
В конец кода добавьте
Код:
.tab-close-button {
  fill: red !important;        /* цвет крестика */
}
.tab-close-button:hover {
  fill: white !important;    /* цвет крестика при наведении */
}
.tab-close-button {
padding: 2px !important;    /* размер крестика на кнопке (цифра меньше - размер больше) */
}
   
 
Добавлено:
Death_INN
Цитата:
Переделал:
Да, так получше.

Всего записей: 8876 | Зарегистр. 14-09-2020 | Отправлено: 08:07 23-07-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброго всем дня!
При открытии Firefox курсор устанавливается на URL панель, можно ли сделать так,
что-бы курсор устанавливался на поисковую панель которая на домашней странице?

Всего записей: 1633 | Зарегистр. 12-10-2002 | Отправлено: 17:13 23-07-2024 | Исправлено: grom17, 17:41 23-07-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

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