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

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

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

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-селекторов элементов интерфейса встроенными средствами браузера
Всего записей: 7264 | Зарегистр. 14-09-2020 | Отправлено: 08:34 29-07-2023 | Исправлено: gutasiho, 09:49 30-08-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Жаль что здесь "плюсануть" нет возможности.
Death_INN Спасибо, код сработал как нельзя лучше!
Всего записей: 1437 | Зарегистр. 12-10-2002 | Отправлено: 21:07 18-07-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
И снова здравствуйте! Хочу вернуться к своему вопросу, на который я так и не нашёл ответа:
Как убрать контур URL панели при старте FF
Всего записей: 1437 | Зарегистр. 12-10-2002 | Отправлено: 16:19 20-07-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, контур стилями убирается либо почти везде, либо почти нигде. Так что только скриптом. Да и при старте сабжа у каждого свое открывается: пустая вкладка, домашняя, последняя сохраненная и т.д.
Всего записей: 3404 | Зарегистр. 24-10-2002 | Отправлено: 19:49 20-07-2024 | Исправлено: Death_INN, 19:49 20-07-2024
grom17



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

Цитата:
убирается либо почти везде
у меня это работало на URL и SEARCH панелях одновременно, но когда наводишь курсор
на одну из панелей, она (окантовка) появлялась. Грустно расставаться с тем что так хорошо работало.
 
Добавлено:
В общем то всё просто: запускаем Firefox и... опа... URL панель с окантовкой. Как убрать не знаю и в сети не видел информации.
Мне кажется что это не так сложно, но у меня знаний маловато.
Всего записей: 1437 | Зарегистр. 12-10-2002 | Отправлено: 20:39 20-07-2024 | Исправлено: grom17, 20:48 20-07-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17 ну не знаю, в FF127 по умолчанию при старте или открытии новой вкладки фокус устанавливается на адресную строку и она окантовывается. Если фокус убрать с адресной строки, то при наведении на нее никакой окантовки нет.
Где же тот чудо стиль, который пахал в 127, но не пашет в 128?
Всего записей: 3404 | Зарегистр. 24-10-2002 | Отправлено: 20:54 20-07-2024
grom17



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

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

Это часть кода: при наведении появляется окантовка, тот который бал в предыдущей версии я не нашёл (найду выложу) если не удалил.
 
Добавлено:
Вот здесь окантовок нет https://github.com/Godiesc/firefox-gx
Попробую покопаться может что получится.
 
Добавлено:
Вот нашёл, что-то типа этого.
Всего записей: 1437 | Зарегистр. 12-10-2002 | Отправлено: 21:07 20-07-2024 | Исправлено: grom17, 21:08 20-07-2024
Death_INN

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

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

Должно работать в FF128.  !important здесь не нужен. Я так и не понял, что хочешь получить. При наведении мыши нужна окантовка, а после клика?
Всего записей: 3404 | Зарегистр. 24-10-2002 | Отправлено: 22:02 20-07-2024
grom17



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

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

Хочу что-бы не было контура при открытии домашней страницы, но при наведении мышкой контур появлялся, нужного мне цвета.
Всего записей: 1437 | Зарегистр. 12-10-2002 | Отправлено: 22:04 20-07-2024 | Исправлено: grom17, 22:10 20-07-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, при клике мышью по url бару или нажатии F6 или при путешествии клавишей Tab нужна окантовка или нет?
Всего записей: 3404 | Зарегистр. 24-10-2002 | Отправлено: 22:09 20-07-2024 | Исправлено: Death_INN, 22:11 20-07-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Нет не нужна
Всего записей: 1437 | Зарегистр. 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, попробуй для трубы такой код для паузы
Всего записей: 3404 | Зарегистр. 24-10-2002 | Отправлено: 22:30 20-07-2024 | Исправлено: Death_INN, 22:43 20-07-2024
grom17



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

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

О! То что нужно! Вот бы ещё сделать что-бы при наведении на URL панель появлялась обводка так же как на SEARCH панели при открытии новой вкладки. А так всё супер!
Всего записей: 1437 | Зарегистр. 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)};

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

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
попробуй для трубы такой код для паузы  
Супер, очень хорошо, наглядно и удобно.
   
Теперь просто просится отображение кнопки Play, когда видео поставлено на Pause. Как я писал в первом посту, кнопка Play отображается только один раз, при первом открытии страницы с видео. Если это не так сложно, то я прошу. Еще у Pause тултип сменить бы с Play на Pause, но это необъязательно.
Всего записей: 7264 | Зарегистр. 14-09-2020 | Отправлено: 08:25 21-07-2024
Death_INN

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

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

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

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Очень хорошо, обе кнопки красота, юзабельны и дружелюбны. Спс!
Всего записей: 7264 | Зарегистр. 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, чтобы оставить вспышку круга
 
код
Всего записей: 3404 | Зарегистр. 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
Цитата:
Переделал:
Да, так получше.
Всего записей: 7264 | Зарегистр. 14-09-2020 | Отправлено: 08:07 23-07-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Доброго всем дня!
При открытии Firefox курсор устанавливается на URL панель, можно ли сделать так,
что-бы курсор устанавливался на поисковую панель которая на домашней странице?
Всего записей: 1437 | Зарегистр. 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

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