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

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

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

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

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




Ответ на оскорбления, продолжение оффтопа после вынесения предупреждения.

Всего записей: 1543 | Зарегистр. 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;
}
}

Всего записей: 8875 | Зарегистр. 14-09-2020 | Отправлено: 11:54 04-07-2024
grom17



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

 
Или иными словами: как увеличить панель вкладок?
Вопрос снят.

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

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

Всего записей: 8875 | Зарегистр. 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");

Всего записей: 3950 | Зарегистр. 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.
Понятно, что нужно обновлять системы, но во многих еще организациях до сих пор используется старое компьютерное оборудование.
Заранее благодарю за помощь.

Всего записей: 971 | Зарегистр. 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

Всего записей: 1375 | Зарегистр. 26-08-2007 | Отправлено: 18:42 05-07-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если переключить тему в Win на темную, то получается ерунда (gif). Помогите исправить userChrome, чтобы работало в обоих цветовых режимах? Или это невозможно, либо светлая тема, либо тёмная?

Всего записей: 682 | Зарегистр. 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) {
а последней
}

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 10:15 06-07-2024 | Исправлено: Death_INN, 10:17 06-07-2024
deannik

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Death_INN Если обернуть весь код, то получается фигня (gif). Видимо оборачивать надо выборочно. Тёмной темой пользуюсь редко, поэтому не сложно подменять userChrome. Сделал и для тёмной, но столкнулся с другой проблемой: v127 (gif), v115esr (gif). Как исправить в esr? И ещё, можно ли в 127-й уменьшить промежуток между элементами верхнего меню, меню вкладок, контекстного, меню в адресной строке, не трогая панель закладок, т.е. оставить по умолчанию? В userChrome есть этот стиль, но он общий для всех и если в указанных выше меню сделать подходящий промежуток, то в панели закладок он будет меньше. В 115 версии с этим все нормально, этот стиль вообще не применяется. Спасибо.

Всего записей: 682 | Зарегистр. 04-08-2013 | Отправлено: 14:20 06-07-2024 | Исправлено: deannik, 14:23 06-07-2024
grom17



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Добрый день! Это код скрывает кнопку закрытия вкладки и показывает её при наведении.
Хотелось бы чтоб кнопка появлялась при наведении именно на неё, а не на вкладку. Может у кого есть варианты?

Всего записей: 1633 | Зарегистр. 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 с вкладки на кнопку

Всего записей: 3950 | Зарегистр. 24-10-2002 | Отправлено: 17:42 06-07-2024 | Исправлено: Death_INN, 17:50 06-07-2024
deannik

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

Всего записей: 682 | Зарегистр. 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

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



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

Не хочет работать.

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

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
grom17, а зачем тебе понадобился transition на кнопке? visibility зачем-то (удалить везде), когда вполне достаточно opacity

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



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

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

Это где-то в сети скопировал, а там разговор о том что кнопка закрытия появляется при наведении на саму кнопку, ну и от нечего делать решил поэкспериментировать.
 
Добавлено:
Death_INN Спасибо за совет! Теперь всё фунциклирует как нужно!

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

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

Код:
.tabbrowser-tab:not([pinned]) .tab-close-button:not(:hover) {
  opacity: 0;
}

 

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



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

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

BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
эм, а можно сделать такой скрипт(лет? что это), чтобы на форуме 4pda, при наведении мышкой на иконку   , во всплывающем окне открывалось цитируемое сообщение <a href="/forum/index.php?act=findpost&amp;pid=131119069" target="_blank" title="Перейти к сообщению"><img src="https://4pda.to/s/PXtiz2KYz0T9mGS0XapbOdNjHrEil1U9Jbhd74Sf20hgz0Cm7lJJG.gif" alt="*" border="0"></a>
 
как на ру-боарде наведи на вопрос
 
желательно, конечно, для расширения, чем ломать firefox
 
сорри, эта тема только для внешнего вида? а как же скрипты?

Всего записей: 169 | Зарегистр. 29-01-2021 | Отправлено: 10:29 08-07-2024 | Исправлено: megabyte11, 11:03 08-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