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

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

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

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

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
ErnestoChegivara
Цитата:
Starback
Ой только ее плачь. Чем бы детишки не баловались, лишь бы не плакали. Нравится тебе бесполезная побрякушка, ну и пользуйся на здоровье. А вот хамить не надо, это маркер того, что я тебя задел. Т.е. ты и сам понимаешь, что побрякушка бесполезна и не имеет смысла, но признаться в этом тебе мешает детская обида.
Откуда вас таких непуганных последнее время столько развелось-то...
 

Цитата:
продолжение оффтопа после вынесения предупреждения.
?!!



Ответ на оскорбления, продолжение оффтопа после вынесения предупреждения.
Всего записей: 1454 | Зарегистр. 11-11-2008 | Отправлено: 17:43 03-07-2024 | Исправлено: Maxim_um, 17:22 04-07-2024
gutasiho

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

Код:
/* userContent.css Tweak Firefox */
/* about-about.css */
/* Стиль располагает ссылки страницы about:about в 4 колонки (по умолчанию в Firefox 2 колонки) */
 
@-moz-document url("about:about") {
#abouts.columns {
    column-count: 4 !important;
    column-gap: 24px !important;
    margin: 17px 12px 17px 14px !important;
}
}
Всего записей: 6812 | Зарегистр. 14-09-2020 | Отправлено: 11:54 04-07-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Как добавить один-два пикселя сверху и снизу вкладок на панели вкладок?
 

 
Или иными словами: как увеличить панель вкладок?
Вопрос снят.
Всего записей: 1353 | Зарегистр. 12-10-2002 | Отправлено: 22:41 04-07-2024 | Исправлено: grom17, 14:58 05-07-2024
gutasiho

Gold Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
v129.0a1+ Иконизация встроенного контекстного переводчика. Все как в этом коде, кроме первой строки
Код:
#context-translate-selection::before {
Иконка от tyt (Спс!).
 
Всего записей: 6812 | Зарегистр. 14-09-2020 | Отправлено: 12:10 05-07-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Для ярых противников локальных каартинок можно эту иконку так добавить

Код:
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7EAAAOxAGVKw4bAAABWUlEQVQ4jYXSPWgUQBAF4O+OI4SQQsTCWixEFEXF1j84wc6AhZ0I1irptRBRSG1haaNYp7AKWIidqEXQRtNYKHoYDYcKkmfh5FiPOzMw7O78vHlvWOFR+BQG4euYDyq3ZIp1wjfcwStsYmed39HFWZzucHASQK/8LY5U7CLW8aTer9GfxqBbPoszuI6P+I3buDCtsQVQTVewo+Ss4AtOlZyp1tu6dHgf7mIZMzjfYT3bMBgBhL3Y17C6Gm5iF3aHF2O9m3gqDEM/bISVsD8cC59DtvGNnr8LO4FFzOFATfg5NnERH/D4HwXhfnhXHyf1cdbCr2bSIMyGXnjZxH+MoMKtCi7Ue7UpvBcOh4VwrQXoNnSGdR4N5zDf5B7gOA7hYcneWuSIwUxYnrCoN6Fbi+6HuaZuqLUCuRGWSndK2skG8HK4NBFgDGx1AptxH/amIvAMe/6Th+d/ALxbzuc+iJdgAAAAAElFTkSuQmCC");
Всего записей: 3201 | Зарегистр. 24-10-2002 | Отправлено: 13:42 05-07-2024
Vob169

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте.
Извините заранее, если не в этот раздел надо было обращаться со своей проблемой, а проблема сдующая:
- у меня на работе установлена система Windows XP SP3 32 bit.
В этой системе установлен браузер Mozilla Firefox 52.9.0esr ( как пишут, что это последняя для Windows XP SP3 официальная версия браузера).
В общем-то меня эта версия браузера более-менее устраивает, но и есть проблема – с некоторыми сайтами, например, ozon.ru, aliexpress.ru и некоторыми другими этот браузер очень тормозит и некоторые кнопки на сайтах просто не работают, сайт открывается, но в нем окна с картинками не открываются и так далее. Железо здесь, думаю, не при чем – оперативки хватает- думаю что все дело в браузере.
Может есть какие-то неофициальные сборки браузера или другие браузеры, которые могли работать нормально в  Windows XP SP3 32 bit.
Понятно, что нужно обновлять системы, но во многих еще организациях до сих пор используется старое компьютерное оборудование.
Заранее благодарю за помощь.
Всего записей: 764 | Зарегистр. 13-11-2005 | Отправлено: 17:23 05-07-2024
Lagris

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

Цитата:
Может есть какие-то неофициальные сборки браузера или другие браузеры, которые могли работать нормально в  Windows XP SP3 32 bit

http://forum.ru-board.com/topic.cgi?forum=5&topic=51380&start=0
Всего записей: 1226 | Зарегистр. 26-08-2007 | Отправлено: 18:42 05-07-2024
deannik

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если переключить тему в Win на темную, то получается ерунда (gif). Помогите исправить userChrome, чтобы работало в обоих цветовых режимах? Или это невозможно, либо светлая тема, либо тёмная?
Всего записей: 482 | Зарегистр. 04-08-2013 | Отправлено: 06:59 06-07-2024 | Исправлено: deannik, 07:26 06-07-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
deannik, оберни весь свой код, кроме первых двух строк в
@media not (prefers-color-scheme: dark) {здеся твой код}
т.е. третьей строкой пишешь
@media not (prefers-color-scheme: dark) {
а последней
}
Всего записей: 3201 | Зарегистр. 24-10-2002 | Отправлено: 10:15 06-07-2024 | Исправлено: Death_INN, 10:17 06-07-2024
deannik

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN Если обернуть весь код, то получается фигня (gif). Видимо оборачивать надо выборочно. Тёмной темой пользуюсь редко, поэтому не сложно подменять userChrome. Сделал и для тёмной, но столкнулся с другой проблемой: v127 (gif), v115esr (gif). Как исправить в esr? И ещё, можно ли в 127-й уменьшить промежуток между элементами верхнего меню, меню вкладок, контекстного, меню в адресной строке, не трогая панель закладок, т.е. оставить по умолчанию? В userChrome есть этот стиль, но он общий для всех и если в указанных выше меню сделать подходящий промежуток, то в панели закладок он будет меньше. В 115 версии с этим все нормально, этот стиль вообще не применяется. Спасибо.
Всего записей: 482 | Зарегистр. 04-08-2013 | Отправлено: 14:20 06-07-2024 | Исправлено: deannik, 14:23 06-07-2024
grom17



Advanced Member		Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Добрый день! Это код скрывает кнопку закрытия вкладки и показывает её при наведении.
Хотелось бы чтоб кнопка появлялась при наведении именно на неё, а не на вкладку. Может у кого есть варианты?
Всего записей: 1353 | Зарегистр. 12-10-2002 | Отправлено: 17:07 06-07-2024 | Исправлено: grom17, 17:11 06-07-2024
Death_INN

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

Цитата:
Если обернуть весь код, то получается фигня

Нет, все ок. Я давал один из способов, чтобы темная тема осталась дефолтной и не обиженной))

Цитата:
Видимо оборачивать надо выборочно

Нет. Берешь свой исходный файл и в конец добавляешь
@media (prefers-color-scheme: dark) {сюда свои стили для темной темы}. Это для FF115. А в FF127 можно задавать цвета сразу для светлой и темной темы, типа
background-color: light-dark(white, black);

Цитата:
не трогая панель закладок

menupopup:not([placespopup])
 
Не думал, что до сих пор юзают .tab-background::before
 
Добавлено:
grom17

Цитата:
Хотелось бы чтоб кнопка появлялась при наведении именно на неё, а не на вкладку. Может у кого есть варианты?

ну так напрашивается переместить :hover с вкладки на кнопку
Всего записей: 3201 | Зарегистр. 24-10-2002 | Отправлено: 17:42 06-07-2024 | Исправлено: Death_INN, 17:50 06-07-2024
deannik

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN
Цитата:
Берешь свой исходный файл и в конец добавляешь @media (prefers-color-scheme: dark) {сюда свои стили для темной темы}.
Спасибо, в 115 работает. Осталась проблема с цветом текста и жирной рамкой на тёмной теме (выше об этом спрашивал) (gif).
Цитата:
Не думал, что до сих пор юзают .tab-background::before
Даже не знаю, работает и не трогаю. Весь код взят отсюда, что-то убрал/изменил. Если можно изменить на попроще, меньше кода, подскажите.
Цитата:
menupopup:not([placespopup])
В 127 попробую немного позже.
Спасибо за помощь.
Всего записей: 482 | Зарегистр. 04-08-2013 | Отправлено: 18:45 06-07-2024 | Исправлено: deannik, 18:52 06-07-2024
Death_INN

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

Цитата:
Осталась проблема с цветом текста и жирной рамкой на тёмной теме

Не знаю, может не стоило менять в about:config
browser.display.windows.non_native_menus
Всего записей: 3201 | Зарегистр. 24-10-2002 | Отправлено: 19:30 06-07-2024
grom17



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

Не хочет работать.
Всего записей: 1353 | Зарегистр. 12-10-2002 | Отправлено: 19:40 06-07-2024
Death_INN

Silver Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, а зачем тебе понадобился transition на кнопке? visibility зачем-то (удалить везде), когда вполне достаточно opacity
Всего записей: 3201 | Зарегистр. 24-10-2002 | Отправлено: 20:58 06-07-2024
grom17



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

Цитата:
 зачем тебе понадобился transition на кнопке? visibility зачем-то (удалить везде), когда вполне достаточно opacity  

Это где-то в сети скопировал, а там разговор о том что кнопка закрытия появляется при наведении на саму кнопку, ну и от нечего делать решил поэкспериментировать.
 
Добавлено:
Death_INN Спасибо за совет! Теперь всё фунциклирует как нужно!
Всего записей: 1353 | Зарегистр. 12-10-2002 | Отправлено: 21:02 06-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

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